JavaScript中的变量提升

当执行 JS 代码时，会生成执行环境。

如果代码写在函数中，会产生函数执行环境，否则就是在全局执行环境中。只有这两种执行环境。

看下面一段代码：

b(); // call b
console.log(a); // undefined

var a = 'Hello world';

function b() {
    console.log('call b');
}

这是因为函数和变量提升的原因，通常提升的解释是说将声明的代码移动到了顶部。

但更准确的解释是，在生成执行环境时，会有两个阶段：

第一个阶段是创建的阶段，JS 解释器会找出需要提升的变量和函数，并且给他们提前在内存中开辟好空间。若是函数，则将整个函数存入内存中。变量只声明并且赋值为 undefined。

在第二个阶段，也就是代码执行阶段，我们可以直接提前使用。

在提升的过程中，相同的函数会覆盖上一个函数，并且函数优先于变量提升：

b(); // call b second

function b() {
    console.log('call b fist');
}

function b() {
    console.log('call b second');
}
var b = 'Hello world';

因为var 会产生很多错误，所以在ES6中引入了 let。let不能在声明前使用，但是这并不是常说的 let 不会提升。

let提升了，在第一阶段内存也已经为他开辟好了空间，但是因为这个声明的特性导致了并不能在声明前使用。

本文地址：https://blog.csdn.net/Jack_lzx/article/details/111930742