变量提升:
当栈内存(作用域)形成,JS代码自上而下执行之前,浏览器首先把所有带有var/function关键词的进行提前声明或定义,这种预先处理机制被称为变量升级。
变量提升阶段var变量只申明未定义,function申明并赋值。
变量提升只发生在当前作用域(例如开始加载页面的时候只对全局作用域下的进行提升,因为此时函数中存储的都是字符串而已)。
在全局作用域下声明的函数或者变量是”全局变量“,同理在私有作用域下申明的变量是”私有变量“。(带var/function的才是声明).
在全局作用域下声明变量相当于在Window下声明变量,双方映射;私有作用域下的声明与Window无关。
加var与不加的区别:
不加var(a=12)其本质是window的属性(等同于window.a=12),不做变量提升.
var a=b=12中b是不带var的;
var a , b=12中b带var
其中在作用域链查找的过程中若没有找到变量则会给window添加此属性。
等号变量只对左边进行变量提升。
eg: var a= function(){ … } 只对a进行提升
在判断表达式中的变量提升
在当前作用域下无论条件是否成立都会进行变量提升。其中带var的依旧只是声明,带function的在老版本浏览器中声明和定义都处理,但为了迎合es6块级作用域,新版本浏览器对于条件判断中的函数不管条件是否成立都只声明不定义,类似于var。
然而变量提升会使代码不严谨,在后面申明的变量在前面也可以用。故ES6中用let拒绝变量提升。
let区别:
- 不允许重复定义(不管用什么方式声明了变量,在当前作用域下再用let声明都会报错)
- 不存在变量提升
- 暂时性死区
- 切断了Window属性与全局变量的映射机制