JavaScript 中的变量变量

我想到了三种不同的技术，每种技术都有其警告和（第二种除外）用途：

1） 您可以使用关键字在代码中的任何位置在 JavaScript 中声明一个新变量：var

var $color = 'red';

该变量实际上是在发生 事件的整个作用域中定义的，甚至在语句上方 — 也就是说，这两个函数是相同的，即使它们看起来略有不同：varvar

function foo() {
    doSomething();
    var x = 5;
    x += doSomethingElse();
    return x;
}

function foo() {
    var x;

    doSomething();
    x = 5;
    x += doSomethingElse();
    return x;
}

这是因为所有 s 在创建函数的上下文时生效，而不是它们在代码中出现的位置。更多： 可怜的，被误解的 varvar

2）如果你只是赋值一个从未在任何地方声明过的自由符号，你将创建一个隐式全局变量（而不是一个受限于当前范围的变量），这通常是一个坏主意。更多：隐式全局变量的恐怖

3）你可以做的另一件事是有一个对象，它是你想要跟踪的各种变量的容器。只需分配对象，即可在对象上创建新属性：

var data = {};    // A blank object
data.foo = "bar"; // Now `data` has a `foo` property

当您需要跟踪脚本完全不知道的数据时，例如基于用户输入，此技术特别方便，因为您可以使用上述虚线表示法和文字 （），也可以使用括号表示法和字符串 （）。在后一种情况下，字符串可以是任何表达式的结果，因此所有这些表达式都会在以下位置创建一个属性：data.foodata["foo"]foodata

// Dotted notation with a literal
data.foo = 42;

// Bracketed notation with a literal string
data["foo"] = 42;

// Bracketed notation with a string coming from a variable
s = "foo";
data[s] = 42;

// Bracketed notation with a string coming from an expression
s = "o";
data["f" + s + s] = 42;

var color = 'red';
window[color] = 'dark';
console.log(color, red);