本章内容给大家谈谈关于遇上es6中如何使用let声明变量以及let loop机制等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。
一、let声明变量
ES6新增了let关键字,用于声明变量,它的用法和var类似,但是有一些明显的区别。let声明的变量只在let命令所在的代码块内有效,例如:
{
let a = 10;
var b = 1;
}
console.log(a); // ReferenceError: a is not defined.
console.log(b); // 1
上面代码中,变量a用let声明,只在大括号内有效,在大括号外引用就会报错。变量b用var声明,在大括号外也是有效的。
二、let的块级作用域
let实际上为JavaScript新增了块级作用域,下面是let声明变量的一个例子:
var a = [];
for (let i = 0; i
上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。但是,如果使用var声明i,最后输出的就是10了。
三、let loop机制
ES6引入了新的loop语句,允许循环中引入一个新的变量,这变量只在当前循环有效,例如:
for (let i = 0; i
上面代码正确运行,输出了 3 次abc。这表明函数内部的变量i与循环变量i不在同一个作用域,有各自单独的作用域。
总结
以上就是为你整理的es6中如何使用let声明变量以及let loop机制全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!