Javascript handler.getPrototypeOf()用法及代码示例

JavaScript中的handler.getPrototypeOf()方法是内部方法的陷阱。此方法返回与Object.getPrototypeOf(target)相同的值。

用法:

const p = new Proxy(obj, {
  getPrototypeOf(target) {
  ...
  }
});

参数：

target:目标对象。

返回值：如果未返回任何对象，则此方法始终返回一个对象，它返回null。

以下示例说明了JavaScript中的handler.getPrototypeOf()方法：

范例1：

<script> 
const monster1 = { 
  porp:46 
}; 
  
const monsterPrototype = { 
  porp:52 
}; 
  
const handler = { 
  getPrototypeOf(target) { 
    return monsterPrototype; 
  } 
}; 
  
const proxy1 = new Proxy(monster1, handler); 
console.log(Object.getPrototypeOf(proxy1) === monsterPrototype); 
console.log(Object.getPrototypeOf(proxy1).porp); 
  
  
var obj = {};   
var p = new Proxy(obj, {   
    getPrototypeOf(target) {   
        return Array.prototype;   
    }   
});   
console.log(   
    p instanceof Array     
);   
</script>

输出：

true
52
true

范例2：触发这种陷阱方法的五种方法

<script> 
const obj = {}; 
const p = new Proxy(obj, { 
    getPrototypeOf(target) { 
        return Array.prototype; 
    } 
}); 
document.writeln(Object.getPrototypeOf(p) === Array.prototype); 
document.writeln("<br>"); 
document.writeln(Reflect.getPrototypeOf(p) === Array.prototype);  
document.writeln("<br>"); 
document.writeln(p.__proto__ === Array.prototype); 
document.writeln("<br>"); 
document.writeln(Array.prototype.isPrototypeOf(p));               
document.writeln("<br>"); 
document.writeln(p instanceof Array ); 
</script>

输出：

true
true
true
true
true

异常类型：

TypeError：“target”不是对象或为null
范例1：

<script> 
 const obj = {}; 
const p = new Proxy(obj, { 
    getPrototypeOf(target) { 
        return 'Geeksforgeeks'; 
    } 
}); 
console.log(Object.getPrototypeOf(p));  
</script>

输出：

Error:'getPrototypeOf' on proxy:trap returned
neither object nor null

TypeError：预期相同的原型值

范例2：TypeError：预期相同的原型值

<script> 
 const obj = Object.preventExtensions({}); 
const p = new Proxy(obj, { 
    getPrototypeOf(target) { 
        return {}; 
    } 
}); 
console.log(Object.getPrototypeOf(p)); 
</script>

输出：

Error:'getPrototypeOf' on proxy:proxy target is non-extensible
but the trap did not return its actual prototype

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

谷歌浏览器
Firefox
Opera
Safari
Edge

相关用法

注：本文由纯净天空筛选整理自SHUBHAMSINGH10大神的英文原创作品 JavaScript | handler.getPrototypeOf() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。