js变量提升
来源:互联网 发布:985大学知乎 编辑:程序博客网 时间:2024/06/05 20:18
1.什么叫变量提升
JavaScript引擎的工作方式是先解析代码,获取所有被声明的变量,然后再一行一行地运行。这样所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升
2.代码示例
<pre name="code" class="javascript"><span style="font-size:24px;">var v="a";(function(){ var v="b"; alert(v);})()</span>
运行上面的代码,你们觉的会输出什么呢?答案是undefined,当时运行之后我就不懂了,怎么会是undefined呢?原来,javascript引擎有一个变量提升的功能,所以上述代码实际运行是下面这样的。
代码如下:
<span style="font-size:24px;">var v="a";(function(){ var v; alert(v); v="b"; })()</span>看到这个代码,我想还有些新人存在困惑,不是前面定义了v="a";了吗,为什么还是undefined呢?javascript是函数级作用域,和java不同的是java是块级作用域,在代码块中新定义的同名变量是作用在这个块内的,而js只有函数内才能做为新的作用域,上面就是在函数里操作的,所以是新的作用域,也就是说如果上述代码写成这样,结果就不同了。
function test(){<span style="font-family: Arial, Helvetica, sans-serif;"> var v="a";</span><span style="font-family: Arial, Helvetica, sans-serif;">if(true){var v="b";}alert(v);}test();</span>
这样输出的是b,虽然是在块内定义并赋值的v,但是是在一个函数作用域内,不会创建新的变量。
0 0
- js中的变量提升
- js变量提升
- js 变量、函数提升
- js变量提升
- js变量提升
- js变量提升
- js变量提升
- js中变量提升
- JS变量提升
- js中的变量提升
- js变量提升
- JS变量声明提升
- JS变量提升
- js变量声明提升
- js变量提升
- js变量提升
- JS中的变量提升
- js变量声明提升
- vim 在centos 升级 vim7.3 并且安装gvim
- 来自 Google 的高可用架构理念与实践
- ffmpeg库的交叉编译记录
- CentOS 6.6下编译安装mariadb-10.0.20
- PHP学习日记
- js变量提升
- leetcode -- Sliding Window Maximum -- 重点
- Kettle调研
- Go语言(golang)开源项目大全
- online_judge_1127
- leetcode (228) Summary Ranges js代码实现
- php 添加curl 模块
- 串口通信校验方式(even,odd,space,mark)
- iOS UIWebView错误信息: frame load interrupt