我们都知道在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(){ })();
② { }