ES6块级作用域的优点

版权声明：署名-非商业性使用 转载请保留原文链接及作者。 https://blog.csdn.net/qq_40413396/article/details/85235384

---

---

---

我们都知道在ES6中新增加了一个块级作用域，块级作用域相对于ES5的全局与局部作用局的优势在哪？
-----------------------先看es5的全局 和 局部 作用域的弊端。

---

一、内层变量可能会覆盖外层变量。 代码验证一下：

var tmp = new Date();
function f() {
 console.log(tmp);
 if (false) {
   var tmp = 'helloworld';
 }
}
f(); // undefined

二 、循环变量泄露为全局变量。 代码验证：

ar s = 'bingo';
for (var i = 0; i < s.length; i++) {
 console.log(s[i]);
}
console.log(i); // 5

------------------ES6块级作用域的优势。

1 外层代码块不受内层代码块的影响.

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

2 外层作用域无法读取内层作用域的变量。

{
 {let insane = 'Hello World'}
  console.log(insane); // 报错    原因外层没有声明 且不能读取内层作用域的赋值。
};

3 内层作用域可以定义外层作用域的同名变量，而不受影响。

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

4 函数自执行 精简代码

①  (function(){ })();
②  { }