我想到了三种不同的技术,每种技术都有其警告和(除了第二种)用途:
1) 您可以在 JavaScript 中使用var
关键字在代码中的任何位置声明一个新变量:
var $color = 'red';
变量实际上是在发生的整个范围内定义的var
,甚至在var
语句上方——也就是说,这两个函数是相同的,尽管它们看起来略有不同:
function foo() {
doSomething();
var x = 5;
x += doSomethingElse();
return x;
}
function foo() {
var x;
doSomething();
x = 5;
x += doSomethingElse();
return x;
}
这是因为所有var
的 s 在创建函数的上下文时生效,而不是它们出现在代码中的位置。更多:可怜的,被误解的var
2)如果您只是分配一个从未在任何地方声明过的自由符号,您将创建一个隐式全局变量(不是一个受限于当前范围的变量),这通常是一个坏主意。更多:隐式全局变量的恐怖
3)您可以做的另一件事是拥有一个对象,该对象是您要跟踪的各种变量的容器。您可以通过分配对象在对象上创建新属性:
var data = {}; // A blank object
data.foo = "bar"; // Now `data` has a `foo` property
当您需要跟踪脚本完全不知道的数据(例如基于用户输入)时,此技术特别方便,因为您可以使用上面的点表示法和文字 ( data.foo
),或者您可以使用括号表示法和字符串( data["foo"]
)。在后一种情况下,字符串可以是任何表达式的结果,因此所有这些都会在foo
上创建一个属性data
:
// 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;