前言
- 为什么使用块状作用域
- ES6 的块级作用域
- 块级作用域与函数声明
内容
- 为什么使用块状作用域
ES5只有全局作用域和函数作用域,有很多限制
第一种场景,内层变量可能会覆盖外层变量。
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = "hello world";
}
}
f(); // undefined
上面代码中,函数f执行后,输出结果为undefined,原因在于变量提升,导致内层的tmp变量覆盖了外层的tmp变量。
第二种场景 ,用来计数的循环变量泄露为全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
上面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。
ES6 的块级作用域
ES6 中的let就是提供在块级作用域中使用,一般用大括号就代表一个作用域
function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}
let在f1的第一层大括号中是一个块级作用域,定义之后if中的let重命名定义n不会影响外面,n 的值
function f1() {
if (true) {
let n = 10;
}
console.log(n); // undefined
}
f1 第一层{}中不会回去到 if 中 n (let定义,规定了块作用域)的值
大括号相当于一个作用域,允许块级作用域的任意嵌套。
{{{{{let a = 344; }}}}}
块级作用域与函数声明
ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。