确定JavaScript属性是否定义了getter或setter？

Question

给定一个对象和属性名称，是否可以确定该属性是使用getter还是setter定义的，还是完全透明？如果该属性已经定义了getter/setter，我只想定义一个getter/setter。

我需要它在WebKit / Firefox中工作。

- devios1

---

你的getter和setter方法是如何定义的？是用 getSomething 和 setSomething 吗？ - Maurício Linhares

不，使用 __defineGetter__ 和 __defineSetter__ 的真正 JavaScript getter 和 setter。 - devios1

如果你正在使用ES6类，则下面的答案都不适用。 get type() { return "Box"; } } var box = new Box(); var desc = Object.getOwnPropertyDescriptor(box, "type"); console.log(desc); // undefined``` - Snowman

@Snowman 那么...在这种情况下有什么解决方案？ - Michael

Answer 1

我想你在寻找getOwnPropertyDescriptor方法？

- Graham

---

好的，在这种情况下，我认为除非Safari也支持lookupGetter，否则不可能。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/LookupGetter - Graham

我的错 - 看起来Safari确实支持 getOwnPropertyDescriptor，但是我错过了它，因为它是在 Object 对象上的属性。虽然这似乎是更标准的方法，但我更喜欢直接在相关对象上调用函数的语法。 - devios1

有趣的提示：getOwnPropertyDescriptor 用于确定对象是否在 本地 定义了 getter/setter，而 __lookupGetter__ 实际上会返回原型上定义的 getter。 - devios1

这个方法不能用于类对象，对吧？我创建了一个测试用例但是没有起作用。https://codesandbox.io/s/blissful-bas-m4nxo?file=/src/index.js - jircdeveloper

Answer 2

您可以使用Object.getOwnPropertyDescriptor(obj, prop)

例如：

var obj = { first: 1 }
obj.__defineGetter__('second', function() { return 2; });

// get descriptors
var descriptor1 = Object.getOwnPropertyDescriptor(obj, 'first');
var descriptor2 = Object.getOwnPropertyDescriptor(obj, 'second');

// check if it's a getter

descriptor2.get
// returns function () { return 2; }

descriptor1.get
// returns undefined

- Joseph Yaduvanshi

---

吉姆因为在示例中很出色，所以赢得了我的支持。嘭！ - deepelement

请注意，它是获取自身属性描述符，因此不包括继承的属性或者在原型上定义的属性。 - gronostaj

Answer 3

您可以使用Object.getOwnPropertyDescriptor(obj, prop)。

function isGetter (obj, prop) {
  return !!Object.getOwnPropertyDescriptor(obj, prop)['get']
}

使用方法：

obj = {
  foo: 'foo',
  get bar() { return 'bar' }
}

isGetter(obj, 'bar') // will return true
isGetter(obj, 'foo') // will return false

- Eloy Pineda

---

这个答案是对Jim Schubert的回答进行更新，因为自2011年以来__defineGetter__已被弃用。 - Eloy Pineda

我的原本意图是编辑Jim的回答，以“随着帖子变老而添加更新”方式进行修改，因为这在Stack Overflow帮助>为什么人们可以编辑我的帖子？编辑如何工作？中有提到。但是这个编辑被拒绝了，理由是：“这个编辑旨在回应作者，作为一个编辑毫无意义。它应该被写成评论或答案。” 因此，这就是这个答案存在的原因。 - Eloy Pineda

Answer 4

Object.defineProperty 的 get 或 set 方法的默认值将是 undefined，如果在描述符中未定义。这是识别的理想方式。

举个例子：

var User = {};

Object.defineProperty(User, 'name', {
    get: function () {
        return _name;
    },
    enumerable: true
});

Object.defineProperty(User, 'designation', {
    get: function () {
        return _designation;
    },
    set: function (val) {
        _designation = val;
    },
    enumerable: true
});


var d = Object.getOwnPropertyDescriptor(User, 'name');
console.log(d.set == undefined);

参考资料: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

- Venkat.R

Answer 5

找到适合您的JavaScript需求的示例对象模板：

var Man=function(n,a){
  var name,age;

  function getName(){
       return this.name;
  }

  function getAge(){
       return this.age;
  }
  function create(){
       this.name=n;
       this.age=a;
       console.log('new object created');
  }

  function setAge(age){
       this.age=age;
  }

  function setName(name){
      this.name=name;
  }
  return{
   name:n,
   age:a,
   getName:getName,
   getAge:getAge,
   setName:setName,
   setAge:setAge
  };
}

var m1=new Man('Chaiguy',30);

// To check if Property exist for an Object
console.log(m1.hasOwnProperty('name'));

// To get the name and age of the object

console.log(m1.getName()+' is '+m1.getAge()+' years old.');

- Umesh Patil