JS变量提升

变量提升即将变量声明提升到它所在作用域的最开始的部分,ES6 之前 JS 只有全局作用域和函数作用域,ES6 加入了块级作用域,用一对花括号{}包裹的部分。变量提升会将函数声明和部分变量声明提升到作用域顶端。例子如下:

console.log(tt); // undefined

// 全局变量
var tt = "aa";

function test() {
  console.log(tt); // undefined
  // 局部变量
  var tt = "dd";
  console.log(tt); // dd
}

test();

解释上述的原因,由于变量提升,代码实际执行如下:

// tt 所在全局作用域,提升到全局域顶部
var tt;

console.log(tt); // 所以此处没有报错,打印 undefined

// 此处,赋值
tt = "aa";

function test() {
  // 函数作用域,同样变量提升
  var tt;

  console.log(tt); // 此处为函数作用域内的 tt,所以打印 undefined

  tt = "dd";

  console.log(tt); // 此处有值,打印 dd
}

test();

ES6 中新增的 let & const,不会产生变量提升现象:

console.log(a); // Uncaught ReferenceError: a is not defined

let a = "a";

console.log(b); // Uncaught ReferenceError: b is not defined

let b = "b";
  • let:用于声明变量,只在 let 所在的作用域内有效
  • const:用于声明一个常量(只是保证指向的地址不可改变),只能在声明时进行赋值
0%