javascript - 将存储在变量中的函数分配为对象字面量中的 getter

Question

假设我有一个函数。如果我想将其作为方法添加到对象中，我会使用:

let foofunc = function() {}
{
  foo: foofunc
}

但是，如果我想将其添加为 setter/getter 怎么办？你可能认为我可以这样做:

{
  get x: foofunc
}

但是我的 IDE 提示，所以我认为这是不可能的。我该怎么做？

Answer 1

您可以像这样使用Object.defineProperty函数:

function getterFunc() { return 1; }
let anObject = {};
Object.defineProperty(anObject, 'propertyName', {get: getterFunc});

实例:

function getterFunc() { return 1; }
let anObject = {};
Object.defineProperty(anObject, 'propertyName', {get: getterFunc});
console.log(anObject.propertyName); // 1

您可以通过执行 anObject.propertyName 来正常访问使用 getter。MDN page如果您还有其他问题，可以查看更详细的信息。