ES6 の块级作用域

最新推荐文章于 2024-08-05 11:08:01 发布

aisiqi5873

最新推荐文章于 2024-08-05 11:08:01 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cheeseCatMiao/p/9371202.html

版权

let实际上为 JavaScript 新增了块级作用域。

function f1() { let n = 5; if (true) { let n = 10; } console.log(n); // 5 }

上面的函数有两个代码块，都声明了变量n，运行后输出 5。这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n，最后输出的值才是 10。

ES6 允许块级作用域的任意嵌套。

{{{{{let insane = 'Hello World'}}}}};

上面代码使用了一个五层的块级作用域。外层作用域无法读取内层作用域的变量。

{{{{ {let insane = 'Hello World'} console.log(insane); // 报错 }}}};

内层作用域可以定义外层作用域的同名变量。

{{{{ let insane = 'Hello World'; {let insane = 'Hello World'} }}}};

块级作用域的出现，实际上使得获得广泛应用的立即执行函数表达式（IIFE）不再必要了。

// IIFE 写法
(function () { var tmp = ...; ... }());  // 块级作用域写法 { let tmp = ...; ... }

转载于:https://www.cnblogs.com/cheeseCatMiao/p/9371202.html

关注