ES6新增let、const关键字

最新推荐文章于 2021-01-23 12:04:45 发布

鸣_c

最新推荐文章于 2021-01-23 12:04:45 发布

阅读量132

点赞数

本文链接：https://blog.csdn.net/C_755028787/article/details/105193308

版权

之前我们声明一个变量时，都是使用关键字var，那新增加的let和var有什么不同呢？

var的不足之处一：

var arr=[];
for (var i=0;i<10;i++){
     arr[i]=function(){
         console.log(i); 
     };
} 
arr[8]();   // console.log(i);  的结果为 10

同样的换成 let之后就没问题：

var arr=[];
for (let i=0;i<10;i++){
     arr[i]=function(){
         console.log(i); 
     };
} 
arr[8]();   // console.log(i);  的结果为 8

这是由于，本来的js是没有块级作用域的，用var定义i时，虽然在for循环中定义，但在执行时，依然会被提升。当执行arr8时，循环已经完成，这时的i=10；所以再去执行 arr8时，console.log(i)，i=10；

而是用let定义i，i就只能存在与for循环的块级作用域，不会被提升。
（块，只的是一组{}之间的部分。）

var的不足之处二：
变量提升。var 会被提升定义；let不会。

var a=1;
(function(){
     alert(a);
     var a=2;
})();   //undefined 表示只声明，为赋值；

同样的换做let之后：

var a=1;
(function(){
     alert(a);
     let a=2;
})();   //报错： Uncaught ReferenceError: a is not defined(…)

这是因为，用let定义后，变量a的定义不会被提升。且在块级作用域内封闭，不会受到外界a的影响。在使用a（alert(a)）时，a尚未定义，所以报错。因此，在使用let时，一定注意，变量要先声明后使用。

使用let时注意：
注意一：在同一块级作用域下，不能重复声明同一个变量。

{
     var a=1;
     let a=2;
}   //报错
{
     let a=1;
     let a=2;
}  //报错

注意二：在函数内，不能用let重新声明函数的参数。

function say(word){
     let word='hello';
     alert(word);
}
say('hi');  //报错

const是常量（contsant）的缩写，与let相比，const专门用来声明一个常量。
const的特性包含let的所有特性，且在let的基础上增加了几个点
不可修改：

 const name='a';
     name='b';   //报错

const声明和赋值必须一次性完成，并且后期不允许改变存储空间的地址

const name;   //报错

注意：当常量为一个对象时：

const Person={'name':'a'};
　　Person.name='b';
　　Person.age='13';
　　console.log(Person)  // {'name':b,'age':'13'};  输出正常。

这是由于const声明了一个引用类型的常量，使用的是传址赋值。也就是不修改地址，只修改地址中的值。

大型的公司，对项目进行整改时，
代码迁移从es5迁移到es6，
能使用const就使用const，不能使用就用let。常量的效率比变量要高。

关注