javascript - 使用条件和 || 之间的区别在 js 中

Question

<分区>

Answer 1

difference between using conditional and || in js

假设 name 是一个简单的属性，那么在那个特定的情况下，没有一个。无论哪种方式，您都会得到相同的结果。没有充分的理由使用其中一种，只是您自己的风格偏好，并且对其中一种没有副作用。

但如果 name 是一个带有 getter 的属性，就会有所不同:在 || 的情况下，getter 将是只调用一次。在？ : 情况下，它可以被调用两次(例如，如果它返回一个真值):

var user = {
  get name() {
    console.log("getter called");
    return "Ramón";
  }
};

var name;

console.log("Using ||");
name = user.name || "Raul";
console.log(name);

console.log("Using ? :");
name = user.name ? user.name : "Raul";
console.log(name);

因此，如果 setter/getter 有副作用(如上面的副作用)，那将很重要。 ( setter/getter 永远不应该有副作用。)

类似地，如果 user 是 Proxy , 它的各种陷阱可能会被调用两次。

---

可能值得注意的是，在这两种情况下，如果 user.name 是 ""，您将得到 "Raul"...