es6中的let和const,es6中如何使用let声明变量以及let loop机制

科技资讯 投稿 6300 0 评论

es6中的let和const,es6中如何使用let声明变量以及let loop机制

本章内容给大家谈谈关于遇上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机制全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » es6中的let和const,es6中如何使用let声明变量以及let loop机制

赞同 (37) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽