一、在es5语法中,只有全局作用域和函数作用域,是没有块级作用域这个概念的,从而会导致一些特殊的情况
1、内层变量可能会覆盖外层变量
var tmp = new Date();
function f() {
console.log(tmp);
if(false){
var tmp = 'hello word';
}
}
f()//undefined
2、用来计数的循环变量泄露为全局变量
var s = 'hello';
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);
}
f1()//5
2、es6允许块级作用域的任意嵌套,内层作用域可以定义外层作用域的同名变量
{{{{
let name = 'lisi'
{
let name = 'wanger'
console.log(name);
}
console.log(name);
}}}}
//运行结果
// wanger
// lisi