变量提升的原理

发布时间:2019-08-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了变量提升的原理脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

当程序执行这一段代码时

console.LOG(a);
VAR a = 2;

有经验的同学知道控制台会输出undefined而不是报错a is not defined
这是因为此时发生了变量提升,代码可以理解为以下形式

var a;
console.log(a);// undefined
a = 2;

这是为什么呢,让我先说明以下几点

  • 一段JavaScript代码,是先由编译器编译成可执行代码,再交给引擎去执行的。
  • var关键字声明的变量是在编译阶段声明的。

每当编译器遇到var xxx,都会去查找当前作用域是否已存在变量xxx,如果xxx已存在,则忽略该声明,反之,在当前作用域声明变量xxx
所以当成程序执行下面代码时

console.log(a);
var a = 2;
  1. 首先编译器查找当前作用域是否存在变量a,发现a并不存在,声明变量a
  2. 再由引擎执行由编译器生成的代码console.log(a),此时变量a已经被编译器声明,但是还未被赋值,所以此时控制台输出的值是undefined
  3. a = 2,此时变量a的值为2。

其实关键点就在于,由var关键字声明的变量是在编译阶段声明的,所以会出现变量提升的情况。
但是编译器对ES6语法中的constlet关键字声明的变量则不会提前声明,所以不会出现变量提升。

脚本宝典总结

以上是脚本宝典为你收集整理的变量提升的原理全部内容,希望文章能够帮你解决变量提升的原理所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。