手把手教你在 JavaScript 中模仿块级作用域

JavaScript 没有块级作用域的概念，所以在块语句中定义的变量，实际上包含在函数中：

function outputNumbers(count) {
    for (var i = 0; i < count; i++) {
        console.log(i);
    }
    console.log(i);//10
}
outputNumbers(10);

这里的 i 是定义在函数 outputNumbers() 的活动对象中的，因此从它定义开始，可以在函数内部随意地访问它，即使像这样重新声明同一个变量，也不会改变它的值，JavaScript对这种情况只会视而不见：

function outputNumbers(count) {
    for (var i = 0; i < count; i++) {
        console.log(i);
    }
    var i;//重新声明变量
    console.log(i);//10（值不会被改变）
}
outputNumbers(10);

可以使用匿名函数来模仿块级作用域，语法如下：

(function(){
    //块级作用域
})();

上述代码定义并立即调用了一个匿名函数。这里把函数声明放在一对圆括号中，这是函数表达式的写法。紧随其后的另一对圆括号会立即调用这个函数。

想要在某些地方使用一些临时变量，就可以使用这种语法写出来的私有作用域：

function outputNumbers(count) {
    (function () {
        for (var i = 0; i < count; i++) {
            console.log(i);
        }
    })();

    console.log(i);//错误
}
outputNumbers(10);

我们在 for 循环外部插入了一个私有作用域，因此在匿名函数中定义的任何变量，都会在执行结束后被销毁。而且因为这是一个匿名函数闭包，所以它能够访问变量 count。

这种技术经常用于在全局作用域中被用在函数外部，从而限制在全局作用域中添加过多的变量和函数。

---

注意： 这样做可以减少闭包占用的内存，而且因为没有指向匿名函数的引用，所以只要函数执行完毕，就可以立即销毁作用域链咯，是不是很棒啊 O(∩_∩)O~

---