[深圳|内门弟子]JS-李焕源|2021年06月12日的日报-技能树.IT修真院

发表于： 2021-06-12 22:45:24

1 1843

今天完成的事情：

let 允许声明一个作用域在块级的表达式、变量或者是语句。

在function中局部变量推荐使用let变量，避免变量名的冲突，let声明的变量只在它块或者是子块中起作用，与var 不同的是，var声明的变量作用域是整个封闭函数。

JavaScript块作用域

用 var 关键字声明的变量不能有块作用域，块 {} 内声明的变量可以从块外部访问。

用 let 关键字声明的变量是可以具有块作用域的，但是在块 {} 中声明的变量不能从外部中访问。

1.let 不能重复声明，但var可以

这是最容易记忆的一点，当我们使用var声明时，是可以反复声明同一个变量的，但并不推荐这个做，因为同名变量的创建对于内存使用是无意义的，所以let的出现也是为了解决早期设计缺陷。

2.let会产生块级作用域，且只在自己的作用域内生效，但var不受限制

ES5 只有全局作用域和函数作用域，那什么是块级作用域？当我们在{}中使用了let或者const时，{}的范围就是一个块级作用域，此时let或const只能在{}中访问

if(true){
  let a = 1;
  var b = 1;
}
console.log(a);//报错
console.log(b);//1

let与var在for循环中表现不同

//for循环用var
var a = [];
for (var i = 0; i < 5; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[1]();//5
a[2]();//5
a[3]();//5
//for循环用let
var b = [];
for (let i = 0; i < 5; i++) {
  b[i] = function () {
    console.log(i);
  };
}
b[1]();//1
b[2]();//2
b[3]();//3