javascript - 如何为已定义的 JavaScript 对象定义 getter 属性？

Question

考虑这段代码:

// Creating an empty object, without inheriting (binding) to any prototype
var human = Object.create(null); 
human.firstName = 'Saeed';
human.lastName = 'Neamati';

现在，我想向该对象添加一个 fullName 属性，它返回对象的 firstName + ' ' + lastName。

使用对象字面量表示法，我可以这样简单地编写一个 getter 函数:

var human = {  
   firstName: 'Saeed',
   lastName: 'Neamati',
   get fullName() {
       return this.firstName + ' ' + this.lastName;
   }   
}

但我不知道如何将 getter 属性附加到一个已经在其他地方构建的对象。

Answer 1

您可以使用 Object.defineProperty

Object.defineProperty(<object>, <property-name>, <descriptor>);

在哪里<descriptor>可以是这样的:

// from the example:
{ value: 0x9f91102,   
  get: function() { return 0xdeadbeef; } }