JS中let的基本用法举例

JS中let用法

基本用法

Let命令用来声明变量。它的用法类似于var，但是所声明的变量。只在let命令所在的代码块内有效。

上面代码块中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。

还有：

-var声明的变量，可以预解析提前调用的结果是undefined，let定义的变量不能预解析，提前调用的结果是报错。

-var定义的变量，变量名可以重复，效果是重复赋值，let定义的变量不能重复，否则执行报错。

-块级作用域{}，一个{}可以看作一个作用域，if语句和for语句里面的{}也属于块作用域

很适合for循环的计数器

例如：

上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i都会发生改变，二循环内被赋给数组a的函数内部的console.log(i)，里面的i指向的就是全局的i，也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是10.

如果使用let，声明的变量仅在块级作用域内有效，最后输出的是6，

上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。javascript引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

• 暂时性死区TDZ

-TDZ又叫暂时性死区，意思是变量在作用域内已经存在，必须在let/const声明后面使用。

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

上面代码中，存在全局变量a，但是块级作用域内let又声明了一个局部变量a，导致后者绑定这个块级作用域，所以在let声明变量前，对a赋值会报错。

es6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就 使用这些变量，就会报错。

例如：

在声明变量之前都属于该变量的“死区”.

-TDZ本质：只要一进入当前作用域，所要使用的变量就已经存在，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

TDZ也意味着typeof不再是一个百分百安全的操作。

如果

typeof a；

Let a；

变量a，使用let命令声明之前，都属于a的“死区”,只要用到该变量就会报错。因此，typeof运行时就会抛出一个ReferenceError.

作为比较，如果一个变量根本没有被声明，使用typeof反而不会报错。

ES6规定暂时性死区和let，const语句不出现变量提升，主要是为了减小运行时的错误，防止变量在声明前就使用这个变量。

补充：var和let的区别

区别：

1.使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；

2.使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；

3.let不允许在相同作用域内，重复声明同一个变量。

总结

到此这篇关于JS中let的基本用法举例的文章就介绍到这了,更多相关JS let用法内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！