在 Javascript 中，我可以在声明变量之前使用它吗？

Question

我一直想知道是否可以在定义之前在 JS 中使用变量， 例如：

var country = "USA";
switch (country) {
    case "USA":
        country = i;
    case "blach":
        //not finished yet
}
/*
  put a whole
  bunch more code here
*/
var i = 10;

这有效吗？是否允许？如果是这样，它的技术术语是什么？

Answer 1

这是一种被称为hoisting 的JavaScript 引擎使用的技术。解析器将在运行之前通读整个函数，并且任何变量声明（即使用var 关键字）都将被执行，就好像它们位于包含范围的顶部一样。所以你的代码表现得像：

var country;
var i;

country = "USA";
switch (country) {
case "USA":
    country = i;
case "blach":
    //not finished yet
}

i = 10;

所以，i 在整个范围内声明，但在i = 10 语句运行之前，它的值是undefined。

在 ECMAScript 术语中，当调用函数时，函数的新词法范围会在函数的任何代码运行之前构建其 VariableEnvironment。在ECMAScript 10.5, step 8:

8。对于 code 中的每个 VariableDeclaration...d，按源文本顺序执行

一个。设 dn 为 d 中的标识符。

...

我。调用 env 的 CreateMutableBinding 具体方法，传递 dn 和 configurableBindings 作为参数。

二。调用 env 的 SetMutableBinding 具体方法，传递 dn、undefined 和 strict 作为参数。

这倒是挺拗口的，但基本上是在说：

在运行函数之前，请查看函数的源代码中的声明，例如 var [identifierName]。

对于您找到的每个声明，在函数的作用域中创建一个新变量，名称为声明中使用的 [identifierName]，然后将其值设置为 undefined

Answer 2

它被称为variable hoisting，这是一个很好理解的概念，因为它偶尔会产生难以追踪的错误。

例如：

var stuff = 'stuff';
function() {
 console.log(stuff); //outputs 'undefined'
 var stuff = 'other stuff';
 console.log(stuff); //outputs 'other stuff'
}

第一个 console.log 输出 undefined 因为函数中的 var stuff 被提升到函数顶部。

//theoretical compiled output
var stuff = 'stuff';
function() {
 var stuff; //has not been defined
 console.log(stuff);
 stuff = 'other stuff'; //defined here
 console.log(stuff);
}

如果不了解变量提升，这个结果可能会令人困惑。

因此，如果您查看专业开发的 JavaScript 代码，通常会看到函数中的所有变量都声明在顶部。

Answer 3

是的。在 JavaScript 中，变量是hoisted

variable 语句声明按照10.5 中定义创建的变量。 变量在创建时初始化为未定义。 在执行 VariableStatement 时而不是在创建变量时为具有 Initialiser 的变量分配其 AssignmentExpression 的值。_{ES5 §12.2
其中 10.5第8步是感兴趣的部分}

Answer 4

这些家伙的答案是正确的。对于您的示例，值得注意的是country 是undefined。正如 aspillers 所提到的，您的代码行为如下

var country;
var i;

country = "USA";

switch (country) {
case "USA":
    country = i;
case "blach":
    //not finished yet
}

i = 10;
alert(country) //undefined;

但是当您的 case 语句针对“美国”运行时，i 未定义，因此将其分配给 country。在fiddle 中尝试一下。

我猜你只需要注意，虽然变量声明被提升了，但值分配没有。