ES6回顾之let、var、const区别

文章内容

• 1、let、var、const区别
• 2、关于ES6
• 3、ES6 声明变量的六种方法

1、let、var、const区别

var命令声明的，在全局范围内都有效

• var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined

• let声明的变量只在它所在的代码块有效
• let命令它所声明的变量一定要在声明后使用，否则报错。在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”
• 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，形成了封闭作用域不再受外部的影响。
• let不允许在相同作用域内，重复声明同一个变量。

应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

// ES5 环境
function f() { console.log('I am outside!'); }

(function () {
  function f() { console.log('I am inside!'); }
  if (false) {
  }
  f();
}());

上面代码在 ES5 中运行，会得到“I am inside!”，因为在if内声明的函数f会被提升到函数头部，实际运行的代码如下。

// ES5 环境
function f() { console.log('I am outside!'); }

(function () {
  function f() { console.log('I am inside!'); }
  if (false) {
  }
  f();
}());

// 浏览器的 ES6 环境
function f() { console.log('I am outside!'); }

(function () {
  if (false) {
    // 重复声明一次函数f
    function f() { console.log('I am inside!'); }
  }

  f();
}());
// Uncaught TypeError: f is not a function

2、关于ES6

• 允许在块级作用域内声明函数。
• 函数声明类似于var，即会提升到全局作用域或函数作用域的头部。
• 同时，函数声明还会提升到所在的块级作用域的头部。

const声明一个只读的常量
const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。
const的作用域与let命令相同：只在声明所在的块级作用域内有效。
const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。
const声明的常量，也与let一样不可重复声明。

3、ES6 声明变量的六种方法

ES5两种：var命令和function命令。ES6 除了添加let和const命令，还有两种声明变量的方法：import命令和class命令。