Es6 中let var和 const 了解

1. let 声明的变量只在它所在的代码块有效，超出范围去引用会报错。

2. var 命令声明的变量，在全局范围内都有效。

1 var a = [];
2 for (var i = 0; i < 10; i++) {
3   a[i] = function () {
4     console.log(i);
5   };
6 }
7 a[6](); // 10

此处我是这样理解的： for循环设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
　　　　　　　　　　　当for循环执行到 i=9 循环条件成立，执行循环体。然后i++ ,i = 10 了,条件不成立循环终止；注意此时全局变量 i 已经确定为 10 .
　　　　　　　　　　　故当 在for循环外边调用函数的时候，执行  console.log(i); 永远都是打印10.

1 var a = [];
2 for (let i = 0; i < 10; i++) {
3   a[i] = function () {
4     console.log(i);
5   };
6 }
7 a[6](); // 6

此处我是这样理解的： 变量i是let声明的，当前的i只在本轮循环有效，故每次循环 中 i 变量都是一个新的变量。
 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

下面两个例子更加容易理解 let 和 var

1       for (var i = 0; i < 10; i++) {
2             console.log(i);
3         }
4         console.log(i);

打印结果： for循环打印 0-9;  第四行 打印 10；

1 　　　for (let i = 0; i < 10; i++) {
2             console.log(i);
3         }
4         console.log(i);

打印结果： for循环打印 0-9;  第四行 报错 i is not defined ；

Es6 中let var和 const 了解

猜你喜欢