关于 var 声明的 JavaScript 行为解释

Question

我有以下代码：

"use strict";

function isDefined(variable)
{
    return (typeof (window[variable]) === "undefined") ? false : true;
} 

try
{
    isDefined(isTrue);
}
catch (ex)
{
    var isTrue = false;
}

isTrue = true;

有人可以向我解释为什么当我删除关键字“var”时会抛出异常，但当它出现时却将其视为未定义？

Answer 1

在严格模式下运行时，不允许访问之前未声明的变量。因此，必须先声明isTrue，然后才能访问它。因此，如果您删除它前面的 var 并且没有在其他任何地方声明它，那将是一个错误。

引用MDN page on strict mode:

首先，严格模式不可能意外创建全局 变量。在正常的 JavaScript 中，在赋值中输入错误的变量 在全局对象上创建一个新属性并继续“工作” （尽管未来的失败是可能的：在现代 JavaScript 中很可能）。 会意外创建全局变量的赋值 进入严格模式：

你关于undefined 的问题有点复杂。由于变量提升，编译器将变量声明提升到声明它的范围的顶部，因此带有var 语句的代码等效于：

var isTrue;
try
{
    isDefined(isTrue);
}
catch (ex)
{
    isTrue = false;
}

isTrue = true;

因此，当您调用isDefined(isTrue) 时，isTrue 的值是undefined。它已被声明，但未初始化，因此它的值为undefined。当您没有 var 语句时，在严格模式下对 isTrue 的任何引用都是错误的，因为它尚未被声明。

如果你只是想知道一个变量是否有值，你可以这样做：

if (typeof isTrue != "undefined") {
    // whatever code here when it is defined
}

或者，如果你只是想确保它有一个尚未初始化的值，你可以这样做：

if (typeof isTrue == "undefined") {
    var isTrue = false;
}