let关键字和var关键字

本随笔与我掘金文章同步 https://juejin.cn/post/6964263280307077128

let和const

ES6新增了let关键字，它和var关键字的区别如下：

1. let声明的变量只在其代码块内有效；
2. var声明的变量，在全局范围内有效；
3. var声明的变量可以在声明前使用，而let不允许；
4. var运行重复声明变量，而let不允许重复声明变量。

1、在代码块中使用let关键字声明一个变量a，测试在代码块外部调用变量a，会出现a is not defined异常。

{ let a = 0; console.log(a); } console.log(a);

2、在代码块中使用var关键字声明一个变量a，测试在代码块外部调用变量a，它是全局范围内有效的，所以不会出现异常。

{ var a = 0; } console.log(a);

3、“变量提升”现象就是在调用变量的”之前“出现的undefined异常，在调用变量的”之后“出现referenceError异常。var关键字会发生此现象，而let不允许以这种先使用变量，后声明变量的方式。

console.log(a); var a = 2; console.log(b); let b = 1;

4、let关键字不允许在相同的作用域内重复声明相同的变量

{ var a = 0; let a = 1; console.log(a); } // 或是这种情况 { let a = 0; let a = 1; console.log(a); }

使用var关键字重复声明变量是允许的，最后一次重复声明的变量的值会覆盖之前的值。

{ var a = 0; var a = 1; console.log(a); }

本文链接：https://www.cnblogs.com/kongsam/p/14789892.html

 

出处：https://www.cnblogs.com/kongsam/p/14789892.html