为什么 const 值的名称而不是 `this` [重复]

Question

我正在学习airbnb coding style。为什么在以下代码（第 3.3 节）中使用atom.value 而不是this.value？有什么好处吗？

// good
const atom = {
  value: 1,

  addValue(value) {
    return atom.value + value;
  },
};

更新

以下代码是其优点的一个示例。还有其他好处吗？

const bias = atom.addValue;
console.log(bias(11))

谢谢

Answer 1

如果您使用this，它将引用addValue 范围：

addValue(value) {
  return this.value + value;
}

这里的this 不会指代atom，而是指没有任何value 属性的addValue()。

const atom = {
  value: 1,

  addValue(value) {
    console.log( atom.value + value);
    return atom.value + value;
  },
};

atom.addValue(20);