var 学过JavaScript的都很熟悉，用来声明一个变量。

let、const 是ECMAScript 6中新增的命令。

简单了解一下ECMAScript 6:

• ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
• ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有Jscript和ActionScript）。

var

var 声明语句声明一个变量，并可选地将其初始化为一个值。

var n;
var x = 1;

if (x === 1) {
  var x = 2; console.log(x);
  // expected output: 2
}

console.log(x);
// expected output: 2

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

作用域：

用 var 声明的变量的作用域是它当前的执行上下文，它可以是嵌套的函数，或者对于声明在任何函数外的变量来说是全局。

变量提升:

由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。

这样，就可能会出现在变量初始化前被调用的，导致值为== undefined==。

let

ES6 新增了 let 命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在 let 命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。

for循环的计数器，就很合适使用let命令。

for (let i = 0; i < 10; i++) {
  // ...
}

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

  

 

  
1
  
2
  
3
  
4
  
5
  
6
 

不存在变量提升
let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。所有用let声明变量不会出现变量提升的情况。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

const

const 声明一个只读的常量。一旦声明，常量的值就不能改变。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

  

 

  
1
  
2
  
3
  
4
  
5
 

上面代码表明改变常量的值会报错。

const 声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const foo;
// SyntaxError: Missing initializer in const declaration

  

 

  
1
  
2
 

上面代码表示，对于const来说，只声明不赋值，就会报错。

const的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (true) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

  

 

  
1
  
2
  
3
  
4
  
5
 

const的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (true) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

  

 

  
1
  
2
  
3
  
4
  
5
 

const声明的常量不可提升，只能在声明的位置后面使用。

if (true) {
  console.log(MAX); // ReferenceError
  const MAX = 5;
}

  

 

  
1
  
2
  
3
  
4
 

参考：

【1】：阮一峰编著 《ECMAScript 6入门》
【2】：var 描述
【3】：let
【4】：const

文章来源: blog.csdn.net，作者：三分恶，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/sinat_40770656/article/details/108883949