JavaScript | handler.getOwnPropertyDescriptor() 方法

Javascript 中的 handler.getOwnPropertyDescriptor( )方法是Object.getOwnPropertyDescriptor()方法的陷阱。如果属性作为目标对象的不可配置自己的属性存在，则不能将其报告为不存在。
句法：

const p = new Proxy(target, {
  getOwnPropertyDescriptor: function(target, prop) {
  }
});

参数：此方法接受上面提到的两个参数，如下所述：

• 目标：此参数是目标对象。
• Prop：此参数是应检索其描述的属性的名称。

返回值：此方法返回一个对象或未定义。
下面的示例说明了 JavaScript 中的 handler.getOwnPropertyDescriptor() 方法：
示例 1：

javascript

const monster1 = {
  num: 4
};
 
const handler1 = {
  getOwnPropertyDescriptor(target, prop) {
    console.log(`Type : ${prop}`);
 
    return { configurable: true, enumerable: true, value: 5 };
  }
};
 
const proxy1 = new Proxy(monster1, handler1);
 
console.log(Object.getOwnPropertyDescriptor(proxy1, 'num').value);
console.log(Object.getOwnPropertyDescriptor(proxy1, 'bool').enumerable);

输出：

> "Type : num"
> 5
> "Type : bool"
> true

示例 2：

javascript

const p = new Proxy({ VAL: 20}, {
  getOwnPropertyDescriptor: function(target, prop) {
    console.log('Property : ' + prop);
    return { configurable: true, enumerable: true, value: 10 };
  }
});
 
console.log(Object.getOwnPropertyDescriptor(p, 'VAL').value);
 
const obj = { a: 10 };
Object.preventExtensions(obj);
const pval = new Proxy(obj, {
  getOwnPropertyDescriptor: function(target, prop) {
    return undefined;
  }
});
 
console.log(Object.getOwnPropertyDescriptor(pval));

输出：

> "Property : VAL"
> 10
> undefined

支持的浏览器： handler.getOwnPropertyDescriptor() 方法支持的浏览器如下：

• 谷歌浏览器 49 及更高版本
• 边缘 12 及以上
• 火狐 18 及以上
• Opera 36 及以上
• Safari 10 及更高版本