乐趣区

关于es6:ES6-let-与-const

jiezi

2019/05/14 14:31

ES2015(ES6) 新减少了两个重要的 JavaScript 关键字: let 和 const。

  • let 申明的变量只在 let 命令所在的代码块内无效。
  • const 申明一个只读的常量，一旦申明，常量的值就不能扭转。

let

  • 代码块内无效。

let 是在代码块内无效，var 是在全局范畴内无效。

{
  let a = 0;
  var b = 1;
}
a  // ReferenceError: a is not defined
b  // 1

for 循环计数器适宜用 let：

for (var i = 0; i < 10; i++) {setTimeout(function(){console.log(i);
  })
}
// 输入十个 10
for (let j = 0; j < 10; j++) {setTimeout(function(){console.log(j);
  })
}
// 输入 0123456789

变量 i 是用 var 申明的，在全局范畴内无效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器外面的 i 指的是全局变量 i，而循环里的十个 setTimeout 是在循环完结后才执行，所以此时的 i 都是 10。
变量 j 是用 let 申明的，以后的 i 只在本轮循环中无效，每次循环的 j 其实都是一个新的变量，所以 setTimeout 定时器外面的 j 其实是不同的变量，即最初输入 12345。（若每次循环的变量 j 都是从新申明的，如何晓得前一个循环的值？这是因为 JavaScript 引擎外部会记住前一个循环的值）。

  • 不能反复申明。

let 只能申明一次，但能够从新赋值，var 能够申明屡次。

let a = 1;
let a = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4
  • 没有变量晋升。

let 不存在变量晋升，var 会变量晋升。

console.log(a);  //ReferenceError: a is not defined
let a = "apple";
console.log(b);  //undefined
var b = "banana";

变量 b 用 var 申明存在变量晋升，所以当脚本开始运行的时候，b 曾经存在了，然而还没有赋值，所以会输入 undefined。

变量 a 用 let 申明不存在变量晋升，在申明变量 a 之前，a 不存在，所以会报错。

const

  • const 申明一个只读变量，申明之后不容许扭转。意味着，一旦申明必须初始化，否则会报错。
  • ES6 明确规定，代码块内如果存在 let 或者 const，代码块会对这些命令申明的变量从块的开始就造成一个关闭作用域。代码块内，在申明变量 PI 之前应用它会报错。
var PI = "a";
if(true){console.log(PI);  // ReferenceError: PI is not defined
  const PI = "3.1415926";
}
  • 留神要点：const 如何做到变量在申明初始化之后不容许扭转的？

其实 const 其实保障的不是变量的值不变，而是保障变量指向的内存地址所保留的数据不容许改变。
此时，你可能曾经想到，简略类型和复合类型保留值的形式是不同的。是的，对于简略类型（数值 number、字符串 string、布尔值 boolean）, 值就保留在变量指向的那个内存地址，因而 const 申明的简略类型变量等同于常量。而简单类型（对象 object，数组 array，函数 function），变量指向的内存地址其实是保留了一个指向理论数据的指针，所以 const 只能保障指针是固定的，至于指针指向的数据结构变不变就无法控制了，所以应用 const 申明简单类型对象时要谨慎。

退出移动版