作用域包括:全局作用域,函数作用域,块级作用域。
为什么要用块级作用域:
1.内层变量可能会覆盖外层变量。
var name = "kevin";
function call() {
console.log(name); //undefined
var name = "fan";
}
call();
2.用来计数的循环变量泄露为全局变量。
var str = "thisishh";
for (var i = 0; i < str.length; i++) {
console.log(str[i]);
}
console.log(i); //
块级作用域:
(function foo() {
let name = "kevin";
if (true) {
let name = "fan";
}
console.log(name);
})(); //kevin
表明:变量外层代码不受内层代码,外层作用域无法读取内层作用域的变量,内层作用域可以定义外层作用域同名的变量。
es6允许块级作用域无限嵌套。{{{{let name = "kevin"}}}}
块级作用域与函数声明
es5:函数只能在顶层作用域和函数作用域中声明,es6允许在块级作用域中声明函数。
es6规定:函数声明的行为类式与let,在块级作用域之外不可引用。
{
function foo(name) {
console.log(name);
} }
foo("kevin"); //foo is not defined
在块作用域内声明函数,应该写成函数表达式的形式而不是声明的形式。这样确保在不同的浏览器环境下不出错。
//函数表达式
{
let foo = function(name) {
console.log(name);
}
foo("kevin"); //foo is not defined }
//函数声明
{
function foo(name) {
console.log(name);
}
foo("kevin"); //foo is not defined }