var变量的提升

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

a=10;
案例2:
<script type="text/javascript"> foo(); function foo() { console.log("aaa"); } </script>
结果输出:aaa
原理:函数声明提升(函数声明提升直接把整个函数提到执行环境的最顶端)
输出foo is not function 原因是:js解析遇到foo()时会默认当做函数来解析
案例4:
console.log(foo); var foo=10;
function foo() { console.log(10); } console.log(foo);
输出结果:
f foo(){ console.log(10); } 10 10 >
原因:还是进行了 console.log(foo);//undefined foo();//foo is not a function foo=function() { console.log("aaa"); }
上面代码输出undefined是因为变量提升后并没有赋值因此输出undefined
所谓解释就是会先通篇扫描所有的js代码然后把所有声明提升到顶端第二步是执行执行就是操作一类的
var变 量 的 提 升
JS代码解析原则
首先js引擎在读取js代码时会进行两个步骤,第一个步骤是解释,第二个步骤是执行。
所谓解释就是会先通篇扫描所有的js代码,然后把所有声明提升到顶端,第二步是执行,执行就是操作一类的。
原理:
相当于:
function foo() { console.log(10); } var foo; console.log(foo); foo=10; console.log(foo); console.log(foo);
注意:函数提升在变量提升上面,第一个console.log(foo);为什么会输出函数题呢。原因在于var foo;并未有赋值只是声明,因此他会调用上 面的值
相当于:
function foo() { console.log("aaa"); } foo();
变量提升只提升函数名,而函数提升会提升整个函数题。注意:函数提升在变量提升上面。
案例3:
foo(); foo=function() { console.log("aaa"); }
运行结果是:foo is not a function
案例1:
<script type="text/javascript"> console.log(a);
var a=10;
</script>
以上代码输出undefined
原因:变量提升(把变量声明提升到当前执行环境的最顶端)
以上这段代码相当于:
var a ;
console.log(a);
提升的顺序是:函数-->变量提升
变量的提升就是先把所有的变量的定义先提取出来,然后再开始对变量去赋值。
例如:
var b=10; b=10; console.log(b);//10 输出上一个值不会输出undefined
但是更改后:
var b =10; b=20; console.log(b);//20 输出20不是上一个值
总结:关于变量提升,一定要注意细心思考一下,还有就是,函数提升在变量提升之上。
相关文档
最新文档