ES6 中的let 与 const关键字

博客阐明

文章所波及的材料来自互联网整顿和集体总结,意在于集体学习和教训汇总,如有什么中央侵权,请分割自己删除,谢谢!

简介

let和const是es6新减少的两个关键字,次要作用是用来申明变量

let关键字

用法

let 申明的变量只在 let 命令所在的代码块内无效,不能反复申明

{     let a = 0;      var b = 1;    a   //此时输入 0     b   //此时输入 1} a   // 此时报错 ReferenceError: a is not definedb   // 此时输入 1

罕用环境

在应用for循环时,适宜应用let命令

for (let i = 0; i < 10; i++){    ...}i // 此时报错 ReferenceError: i is not defined

在上述代码中,i只在for循环体之中无效,在循环体之外调用就会报错

var a = [];for (var i = 0; i < 10; i++){  a[i] = function(){    console.log(i);  }}a[8]();  // 10

在上述代码中,变量ivar命令申明的,在全局范畴内都无效,所以全局只有一个变量i

每一次循环,变量i的值都会产生扭转,而循环内被赋给数组a的函数外部的console.log(i),外面的i指向的就是全局的i。也就是说,所有数组a的成员外面的i,指向的都是同一个i,导致运行时输入的是最初一轮的i的值,也就是 10。

var a = [];for (let i = 0; i < 10; i++){  a[i] = function(){    console.log(i);  }}a[8]();  // 8

如果应用let,申明的变量仅在块级作用域内无效,最初输入的是 8。

不存在变量晋升

let不存在变量晋升,var存在变量晋升

var命令会产生“变量晋升”景象,即变量能够在申明之前应用,值为undefinedlet命令扭转了语法行为,它所申明的变量肯定要在申明后应用,否则报错。

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

上述代码中,b在脚本开始运行时就存在了,然而还没有进行赋值,所以返回undefineda在变量申明之前不存在,所以会报错。

const关键字

用法

const 申明一个只读变量,申明之后不容许扭转

const PI = "3.1415926";PI  // 此时输入3.1415926PI = 3;// TypeError: Assignment to constant variable.const MY_AGE;  // 此时报错SyntaxError: Missing initializer in const declaration    

const一旦申明必须初始化,否则会报错,只申明不赋值也会报错

暂时性死区(TDZ)

只有代码块中蕴含let或者const,它所申明的变量就会绑定这个区域,不会再受内部的影响

var tmp = 123;if (true) {  tmp = 'abc'; // ReferenceError  const tmp;}

暂时性死区的范畴

在代码块内,应用let或者const命令申明变量之前,该变量都是不可用的。

if (true) {  // TDZ开始  tmp = 'abc'; // ReferenceError  console.log(tmp); // ReferenceError  let tmp; // TDZ完结  console.log(tmp); // undefined  tmp = 123;  console.log(tmp); // 123}

感激

万能的网络

菜鸟教程

阮一峰的es6语法教程

以及勤奋的本人,集体博客,GitHub