作用域包括:全局作用域,函数作用域,块级作用域。
为什么要用块级作用域:
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); //8
块级作用域:
(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}