JavaScript对象中get访问器与普通函数的区别是什么？

你提到的两种写法确实能实现相同的功能，但除了调用方式的语法差异，它们在语义、能力和使用场景上还有不少核心区别：

1. 语义表达的差异 #

• 普通方法调用（obj.latest()）：明确传递“这是一个需要执行的操作”的信号，开发者一眼就能知道这里会运行一段主动逻辑。
• getter访问（obj.latest）：语义上更接近“获取对象的固有属性”，对于日志最后一项这种基于现有数据衍生出的值，用getter更符合直觉——代码读起来像是在访问一个天然存在的属性，而非调用函数。

2. 参数传递能力差异 #

普通方法可以自由接收参数，比如扩展功能实现“获取倒数第N项”：

const obj = {
  log: ['a', 'b', 'c'],
  latest: function (n = 1) {
    return this.log[this.log.length - n];
  },
};
obj.latest(2); // 返回 'b'

但getter无法直接接收参数，这是语法层面的硬性限制——如果硬要传参，只能用不符合规范的技巧，完全违背了getter的设计初衷。

3. 对象属性系统的兼容性差异 #

• getter属于访问器属性，会被Object.getOwnPropertyDescriptors()这类API识别，还能和set关键字配合实现属性的读写联动：

  const obj = {
    log: ['a', 'b', 'c'],
    get latest() {
      return this.log[this.log.length - 1];
    },
    set latest(val) {
      this.log[this.log.length - 1] = val;
    },
  };
  obj.latest = 'd'; // 直接修改日志最后一项
  console.log(obj.log); // ['a', 'b', 'd']
  

  这种读写绑定的能力是普通方法无法实现的。
• 在遍历对象时（比如for...in循环），getter默认会被当作属性遍历（除非配置enumerable: false），行为和普通属性更一致。

4. 副作用与缓存的最佳实践差异 #

• getter的设计初衷是无副作用的属性读取，开发者预期访问它不会触发修改对象状态、发起网络请求这类操作；而普通方法没有这种限制，执行时可以处理任意逻辑。
• 虽然两者每次调用/访问都会执行逻辑，但getter更适合实现缓存：比如当log数组没有变化时，直接返回之前计算的结果，避免重复计算——这种场景下用getter比方法更自然，用户还是像访问属性一样使用它。

总结 #

如果只是获取一个无参数的衍生值，getter是更优雅的选择；如果需要执行带参数的逻辑、有副作用的操作，普通方法更合适。

内容的提问来源于stack exchange，提问作者VantaBlack