ES6教程:let命令的基本用法

2023-02-24 0 442

上一场,他们传授了《前端开发:ES6 与 ECMAScript 2015 的亲密关系》,这四节,他们已经开始步入ES6的简述,具体来说我要表明呵呵,在ES6以后,除了ES5,他们的ES6讲义系列产品,主要就是特别针对,ES6追加的指示展开传授。若要索要撰稿应用领域软件和源标识符,请高度关注我后,朋友圈我索要应用领域软件或源标识符,其他专业课程请稳步高度关注本号。

ES6追加了let指示,那个指示和var那样,都是用以新闻稿表达式的。或者说,let指示通常再加在{}中,换句话说let指示通常用在标识符块中,假如let用在标识符块外,所以就和var那样了。

间接上范例:

ES6教程:let命令的基本用法

图1 实例文档 a.html

ES6教程:let命令的基本用法

图2 用应用领域程序透过F12移出掌控后表明的结论

在下面的a.html中,有三个表达式x0,x1,x2,当中x0用let表述在块外,x1和x2依次用let和var表述在块内。接着他们在块内与块外,依次在掌控面板输出这四个表达式。就再次出现了图2的结论。

x0用let表述在块外,所以在块内和块外输出恒定,因此都那样,显得像var了。

x1用let表述在块内,在块内输出恒定,在块外提示信息“x1未表述”,因此其前面的指示不能再继续执行。这原因在于x1用let表述后,其返回值只限在块内,在块外封禁,沧州了其可靠性,不致导致表达式外泄。

x2用var表述在块内,其他和表述在块外是那样的,输出时,块内和块内则能恒定输出。

他们下面三个应用领域的范例:

ES6教程:let命令的基本用法

图3 FOR循环中用var表述i,在循环外输出i,结论是 10

ES6教程:let命令的基本用法

图4 FOR循环中用let表述i,在循环外输出i,结论是报错表明“i未表述”

这表明假如循环中,用let表述表达式i,则i的返回值仅在循环内。

好了,他们再看最后一个范例:

ES6教程:let命令的基本用法

他们期望得到 6 ,但是输出结果是10

ES6教程:let命令的基本用法

这样一改,就得到了他们期望的6

下面标识符中,表达式i是var新闻稿的,在全局范围内都有效,所以全局只有一个表达式i。每一场循环,表达式i的值都会发生改变,而循环内被赋给数组a的function在运行时,会透过闭包读到这同一个表达式i,导致最后输出的是最后一轮的i的值,也就是10。

所以说,let指示的再次出现,也是为解决闭包的问题提供了一个方案。

前面专业课程更精彩,请大家稳步高度关注。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务