ES6 块级作用域

最新推荐文章于 2022-09-21 17:09:09 发布

weixin_30872157

最新推荐文章于 2022-09-21 17:09:09 发布

阅读量57

点赞数

原文链接：http://www.cnblogs.com/wangwenhui/p/8336623.html

版权

作用域包括：全局作用域，函数作用域，块级作用域。

为什么要用块级作用域：

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

}

转载于:https://www.cnblogs.com/wangwenhui/p/8336623.html

关注