javascript - 使用可选链来增加对象属性

Question

我想使用可选的更改运算符 (?.) 来增加对象值。在我的示例中，仅当为当前人设置了年龄时，我才想在名为birthday()的函数中将人的年龄增加一。带有 if 子句的行可以正常工作(也可以明显地使用十进制 if )。不过我想知道类似下面的行是否可能。给定的语法会导致语法错误:无效的递增/递减操作数。也许这是一个基于运算符优先级的问题，但我现在知道如何解决它。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
let peter = new Person("Peter", 27);
let paul = new Person("Paul", undefined);

Person.prototype.birthday = function() {
  if (this.age) this.age++;
};

//Person.prototype.birthday = function(){this?.age++};

peter.birthday();
paul.birthday();
console.log(peter, paul);

Answer 1

I want to increment an object value using the optional chaning operator (?.)

你不能。原因是可选链的结果只是一个值，而不是属性引用，因此您不能使用任何写回属性的运算符(例如 ++、 --、+= 等)。 (这由规范的 this part 所示。)相反， property acccessor 的结果。就像 this.age 是(在规范术语中)对该属性的引用，因此运算符(operator)可以写回该属性。

您使用 if 的版本是处理此问题的方法。

---

但是，作为旁注，您的两个语句分别做不同的事情。

您的可选链接 (this?.age) 正在检查 this 是否为空。但是您的 if 正在检查 this.age 是否为空。等效的 if 为 if (this) { this.age++; }。但从整体代码上下文来看，您不希望这样，您希望当前在 if 中拥有的内容，尽管我认为我可能会对其进行更具体的检查:

if (this.age !== undefined) {
    this.age++;
}

我这么说是因为 0 是假的，所以只是 if (this.age) 不会增加 0。