8.尽量少用全局对象

在JavaScript中很容易在全局命名空间中创建全局变量。定义全局变量会污染共享的公共命名空间，并可能导致意外的命名冲突。全局变量不利于模块化，因为它会导致程序中独立组件间的不必要耦合。

即使在很简单的函数中将临时变量定义为全局的，我们都会担心是否有任何其他的代码会使用相同的变量名。

// bad
var i, n, sum; // 全局变量
function averageScore(players) {
    sum = 0;
    for (i = 0, n = players.length; i < n; i++){
        sum += score(players[i]);
    }
    return sum / n;
}

// 如果 score 函数出于自身的目的使用了任何同名的全局变量，averageScore函数的定义将出现问题。
var i, n, sum; // 和averageScore函数一样的全局变量
function score(player) {
    sum = 0;
    for (i = 0, n = player.levels.length; i < n; i++){
        sum += player.levels[i].score;
    }
    return sum;
}

// good
function averageScore(players) {
    var i, n, sum;
    sum = 0;
    for (i = 0, n = players.length; i < n; i++){
        sum += score(players[i]);
    }
    return sum / n;
}

function score(player) {
    var i, n, sum;
    sum = 0;
    for(i = 0, n = player.levels.length；i < n; i++) {
        sum += player.levels[i].score;
    }
    return sum;
}
复制代码

JavaScript的全局命名空间也被暴露为在程序全局作用域中可以访问的全局对象，该对象作为this关键字的初始值。在web浏览器中，全局对象被绑定到全局的window变量，添加或修改全局变量会自动更新全局对象。

this.foo; // undefined
foo = "global foo";
this.foo; // "global foo"

// 更新全局对象也会自动地更新全局命名空间
var foo = "global foo";
this.foo = "changed";
foo; // "changed"
复制代码

创建全局变量的两种方法：

• 在全局作用域内使用var声明
• 将其加入到全局对象中

使用全局对象来进行特性检测

if(!this.JSON) {
    this.JSON = {
        parse: ...,
        stringify: ...
    };
}
复制代码

提示

• 避免声明全局变量
• 尽量声明局部变量
• 避免对全局对象添加属性
• 使用全局对象来做平台特性检测