如何使用 CoffeeScript 存在运算符检查某些对象属性是否未定义？

Question

我想使用 CoffeeScript 存在运算符来检查某些对象属性是否未定义。但是，我遇到了一个小问题。

这样的代码：

console.log test if test?

编译为：

if (typeof test !== "undefined" && test !== null) console.log(test);

这是我希望看到的行为。但是，当我尝试对对象属性使用它时，如下所示：

console.log test.test if test.test?

我得到了类似的东西：

if (test.test != null) console.log(test.test);

这看起来根本不像是对 undefined 的检查。我可以实现与将其用于对象相同的 (1:1) 行为的唯一方法是使用更大的检查：

console.log test.test if typeof test.test != "undefined" and test.test != null

问题是 - 我做错了什么吗？或者编译后的代码是否足以检查属性的存在（带有类型转换的空检查）？

Answer 1

疯狂猜测；你试过console.log test.test if test?.test?吗？

刚刚用coffee -p -e 'console.log test.test if test?.test?' 对其进行了测试，编译为：

(函数() {

if ((typeof test !== "undefined" && test !== null ? test.test : void 0) != 空) { 控制台.log(test.test); }

}).call(this);

Answer 2

这是与存在运算符混淆的常见点：有时

x?

编译成

typeof test !== "undefined" && test !== null

其他时候它只是编译成

x != null

两者是等价的， 因为当x 是null 或undefined 时，x != null 将是false。所以x != null 是表达(x !== undefined && x !== null) 的更简洁的方式。发生typeof 编译的原因是编译器认为x 可能根本没有定义，在这种情况下进行相等性测试会触发ReferenceError: x is not defined。

在您的特定情况下，test.test 可能具有值 undefined，但您无法通过引用现有对象上的未定义属性来获得 ReferenceError，因此编译器选择较短的输出。

Answer 3

这个 JavaScript：

a.foo != null

实际上会检查a 的foo 属性是否既不是undefined 也不是null。请注意，a.foo? 被转换为使用 != null 而不是 !== null 的 JavaScript。 != 所做的转换意味着这两个都是真的：

null == null
undefined == null

一个普通的a? 变成了这个JavaScript：

typeof a !== "undefined" && a !== null

因为要检查三个条件：

1. 范围内是否有a？
2. a 的值是否为undefined？
3. a 的值是否为null？

第一个条件很重要，因为如果在范围内没有a，则说a != null 将触发ReferenceError，但说typeof a === 'undefined' 不会。 typeof 检查还处理 2 中的 a === undefined 条件。然后我们可以通过严格的 a !== null 测试来完成它，因为它可以处理 3 而不会造成不必要的 != 的性能损失（注意：!= 和 == 比 @ 慢987654348@ 和 === 由于隐式转换）。

阅读一下!= 和!== 所做的事情可能会有所收获：

MDN: Comparison Operators

---

就您对已删除答案的评论而言，if(a.foo) 是完全有效的语法 如果您完成了 if 语句：

if(a.foo)
    do_interesting_things()
# or
do_interesting_things() if(a.foo)

但是，if(a.foo) 和 if(a.foo?) 在处理 0、false 和 '' 的方式上有所不同。