一个例子,变量提升和函数提升就是这么简单!
程序员文章站
2022-05-17 16:02:01
为啥要进行变量提升和函数提升? 为啥要进行变量提升和函数提升? 为啥要进行变量提升和函数提升? 为啥要进行变量提升和函数提升? 引擎在读取js代码的过程中,分为两步。第一个步骤是整个js代码的解析读取,第二个步骤是执行。 在JS代码执行之前,浏览器的解析器在遇到 var 变量名 和function ......
为啥要进行变量提升和函数提升?
引擎在读取js代码的过程中,分为两步。第一个步骤是整个js代码的解析读取,第二个步骤是执行。
在js代码执行之前,浏览器的解析器在遇到 var 变量名 和function 整个函数 提升到当前作用域的最前面。
记住两句话
1.变量提升只会提升变量名的声明,而不会提升变量的赋值初始化。
2.函数提升的优先级大于变量提升的优先级,即函数提升在变量提升之上。
记住这两句话,就可以从容不迫的撸代码了!
console.log(a);
var a=1;
console.log(a);
function a(){console.log(2);}
console.log(a);
var a=3;
console.log(a);
function a(){console.log(3);}
a();
console.log(a);
你知道执行结果吗?
其实,实际的执行顺序为:
function a(){alert(3);} //第一步预解析:将 var a提升 但因为变量名与函数名相同,故function a()提升时将覆盖var a,又因为存在两个相同名称 的function函数,后写的将覆盖先写的,所以最后提升的只有function a(){alert(3);}
console.log(a); //因为函数提升,所以打印的a为函数整体
a=1; //将1赋值给函数a,此时的a为一个变量,不再是函数
console.log(a); //故打印的为a赋的值
console.log(a);
a=3; //将a重新赋值3
console.log(a); //故打印结果为3
a(); //此时的a为一个变量,不再是一个函数,所以报错,js中一旦出现报错,后面的语句将不再运行,所以最后一个console.log不进行打印。
console.log(a);
结束!搞清楚这题,变量提升与函数提升你就搞懂啦!
上一篇: #18 turtle模块
下一篇: 第84节:Java中的网络编程(中)