【前端三剑客之JavaScript】变量提升

【前端三剑客之JavaScript】变量提升

JavaScript执行情况：

1.在执行过程中，若使用了未声明的变量，那么 JavaScript 执行会报错。

2.在一个变量定义之前使用它，不会出错，但是该变量的值会为 undefined，而不是定义时的值。

3.在一个函数定义之前使用它，不会出错，且函数能正确执行。

js中变量的声明和赋值

var myname    //声明部分
myname = '极客时间'  //赋值部分

js中函数的声明和赋值

function foo(){
  console.log('foo')//直接声明
}

var bar = function(){
  console.log('bar')//先声明bar再赋值给bar
}

所谓的变量提升，是指在 JavaScript 代码执行过程中，JavaScript 引擎把变量的声明部分和函数的声明部分提升到代码开头的“行为”。变量被提升后，会给变量设置默认值，这个默认值就是我们熟悉的 undefined。

实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被 JavaScript 引擎放入内存中。一段 JavaScript 代码在执行之前需要被 JavaScript 引擎编译，编译完成之后，才会进入执行阶段。JavaScript 先编译后执行。

执行上下文是 JavaScript 执行一段代码时的运行环境，比如调用一个函数，就会进入这个函数的执行上下文，确定该函数在执行期间用到的诸如 this、变量、对象以及函数等。 在执行上下文中存在一个变量环境的对象，该对象中保存了变量提升的内容，比如上面代码中的变量 myname 和函数 showName，都保存在该对象中。

总结：

JavaScript 代码执行过程中，需要先做变量提升，而之所以需要实现变量提升，是因为 JavaScript 代码在执行之前需要先编译。

在编译阶段，变量和函数会被存放到变量环境中，变量的默认值会被设置为 undefined；在代码执行阶段，JavaScript 引擎会从变量环境中去查找自定义的变量和函数。

如果在编译阶段，存在两个相同的函数，那么最终存放在变量环境中的是最后定义的那个，这是因为后定义的会覆盖掉之前定义的。

执行上下文的三种情况

1.当 JavaScript 执行全局代码的时候，会编译全局代码并创建全局执行上下文，而且在整个页面的生存周期内，全局执行上下文只有一份。

2.当调用一个函数的时候，函数体内的代码会被编译，并创建函数执行上下文，一般情况下，函数执行结束之后，创建的函数执行上下文会被销毁。

3.当使用 eval 函数的时候，eval 的代码也会被编译，并创建执行上下文。