读取未定义的对象属性时强制 JavaScript 异常/错误？

Question

我是一名经验丰富的 C++/Java 程序员，第一次使用 Javascript。我使用 Chrome 作为浏览器。

我已经创建了几个带有字段和方法的 Javascript 类。当我读取不存在的对象字段时（由于我的拼写错误），Javascript 运行时不会引发错误或异常。显然，这样的读取字段是“未定义的”。例如：

var foo = new Foo();
foo.bar = 1;
var baz = foo.Bar; // baz is now undefined

我知道我可以检查“Detecting an undefined object property in JavaScript”中提到的“未定义”是否相等，但这似乎很乏味，因为我经常在我的代码中读取对象字段。

当我读取未定义的属性时，有什么方法可以强制引发错误或异常？

为什么当我读取未定义的变量（而不是未定义的对象属性）时会引发异常？

Answer 1

这可以使用ES6 proxies来实现：

function disallowUndefinedProperties(obj) {
    const handler = {
        get(target, property) {
            if (property in target) {
                return target[property];
            }

            throw new Error(`Property '${property}' is not defined`);
        }
    };

    return new Proxy(obj, handler);
}

// example
const obj = { key: 'value' };
const noUndefObj = disallowUndefinedProperties(obj);

console.log(noUndefObj.key);
console.log(noUndefObj.undefinedProperty); // throws exception

Answer 2

在我看来，这是一个试图将一种语言硬塞进另一种语言范式的经典案例——恕我直言，改变你的编码风格以遵循 Javascript 的工作方式，而不是试图使其符合 C++ 概念和期望。

p>

也就是说，如果您想按照您的建议抛出错误，您需要在您尝试访问的对象上或在全局范围内定义某种自定义 getProperty 函数。实现可能如下所示：

function getProperty(o, prop) {
    if (o.hasOwnProperty(prop)) return o[prop];
    else throw new ReferenceError('The property ' + prop + 
        ' is not defined on this object');
}

var o = {
    foo: 1,
    bar: false,
    baz: undefined
};

getProperty(o, 'foo'); // 1
getProperty(o, 'bar'); // false
getProperty(o, 'baz'); // undefined
getProperty(o, 'foobar'); 
// ReferenceError: The property baz is not defined on this object

但这很丑陋，现在您的所有代码中都有这种自定义语言结构，这使得它的可移植性降低（例如，如果您想将代码的任何部分复制到另一个脚本中，您可以也必须复制你的新函数）并且对其他程序员来说不太易读。所以我真的建议在 Javascript 范式中工作并在访问您需要的属性之前检查 undefined（或设置您的代码，以便预期 false-y 值并且不会破坏事情）。

关于您的第二个问题，为什么 Javascript 会为未定义的变量而不是未定义的对象属性抛出错误，我无法给出比“因为这是语言规范中的内容”更好的答案。 Objects return undefined for undefined property names，但是undefined variable references throw an error。

Answer 3

有什么方法可以强制在我的时候抛出错误或异常 读取未定义的属性？

正如之前的回复中所说，使用 ES6 代理是可能的。 我已经完成了小节点模块“zealit”以避免每次都必须实现它。

如果有人感兴趣： https://www.npmjs.com/package/zealit

const zealit = require('zealit')

const ref = { foo: true, bar: undefined }
ref.foo // true 
ref.bar // undefined 
ref.baz // undefined 

const zealed = zealit(ref)
zealed.foo // true 
zealed.bar // undefined 
zealed.baz // throws a ReferenceError 

Answer 4

Firefox 有一个选项javascript.options.strict（在about:config 中）。如果启用此功能，则会在控制台中记录许多常见错误的警告，包括读取未定义的属性、在 if 中使用 = 而不是 == 等。

（当然，这并不是说这样的代码就一定是错误的。）

Answer 5

当我读取未定义的属性时，有什么方法可以强制引发错误或异常？

简而言之，没有。您始终可以通过与undefined 进行比较（如您所说）或尝试访问二级属性来测试您是否以 undefined 结束：

s = Foo()

s.bar = 1

s['Bar'] // returns undefined.

s['Bar']['Baz'] // Throws TypeError, s.Bar is undefined.

此外，undefined 在条件检查中失败，因此您可以将其作为比较的简写：

if (s['Bar']) {
  // Something here only if s['Bar'] is set.
}

请注意，如果设置了 s['Bar']，但它是一个 'Falsey' 值，那么这种简写可能会导致意外行为，并且您只关心它是否返回未定义。

Answer 6

到目前为止，“正确”的解决方案是使用 TypeScript（或其他类型检查库，例如 Flow）。示例：

const a = [1,2,3];

if (a.len !== 3) console.log("a's length is not 3!");

在 JavaScript 上，此代码将打印“a 的长度不是 3！”。原因是数组上没有 len 这样的属性（请记住，您使用 a.length 而不是 a.len 获得数组的长度）。因此，a.len 将返回 undefined，因此该语句基本上等于：

if (undefined !== 3) console.log("a's length is not 3!");

由于undefined确实不等于3，所以会运行if语句的主体。

但是，on TypeScript，您将在“编译时间”（在您的编辑器上，甚至在您运行代码之前）收到错误 Property 'len' does not exist on type 'number[]'。

Reference

Answer 7

一致性有很大的力量（就像 Stroustrup 在 C++ 中采用的 Alexander Stepanov 的 STL）。未声明属性与未声明变量处理不一致的一个简单原因可能是反映了演变不同语言的思想和努力，另一个可能是相关人员的能力。

它还会影响您委托给任何给定语言的应用程序类型。例如，您希望不要尝试编写运行价值数百万美元的游轮发动机管理系统的关键任务软件。

（对于 javascript 爱好者来说，这可能不是一个流行的答案。）