JavaScriptES6对象的__proto__属性,Object.setPrototypeOf,Object.getPrototypeOf

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/c__dreamer/article/details/81627842

目录

 

__proto__属性

Object.setPrototypeOf()

Object.getPrototypeOf()


__proto__属性

__proto__属性(前后各两个下划线),用来读取或设置当前对象的prototype对象。目前,所有浏览器(包括 IE11)都部署了这个属性。该属性没有写入 ES6 的正文,而是写入了附录,原因是__proto__前后的双下划线,说明它本质上是一个内部属性,而不是一个正式的对外的 API, 只是由于浏览器广泛支持,才被加入了 ES6。标准明确规定,只有浏览器必须部署这个属性,其他运行环境不一定需要部署,而且新的代码最好认为这个属性是不存在的。

let objProto = {
    name : "张三",
} 
let obj = {
    __proto__ : objProto,
}
console.log(obj.name)    //张三

无论从语义的角度,还是从兼容性的角度,都不要使用这个属性,而是使用下面的 Object.setPrototypeOf()(写操作),Object.getPrototypeOf()(读操作),Object.create()(生成操作)代替。

let someObject = {
     name : "wang",
}
let obj = Object.create(someObject);
console.log(obj.name);      //wang

在Object上实现__proto__属性

const isObject = (value) => Object(value) === value;
Object.defineProperty(Object,"__proto__",{
     get(){
         let _thisObj = Object(this);
         return Object.getPrototypeOf(_thisObj);
     },
    set(prpto){
         if(this === undefined || this === null){
             throw new TypeError();
         }
         if(!isObject(this)){
             return undefined;
         }
         if(!isObject(proto)){
             return undefined;
         }
         let status = Reflect.setPrototypeOf(this,proto);
         if(!status){
             throw new TypeError();
         }
     },
});

如果一个对象本身部署了__proto__属性,那么该属性的值就是这个对象的原型。

console.log(Object.getPrototypeOf({__proto__ : null}));     //null

Object.setPrototypeOf()

Object.setPrototypeOf方法的作用与__proto__相同,用来设置一个对象的prototype对象,返回参数对象本身。它是 ES6 正式推荐的设置原型对象的方法。

const objPrototype = {
     name : "abc",
     age : 18,
}
const obj = Object.setPrototypeOf({},objPrototype);
console.log(obj.name,obj.age);  //abc  18

该方法如果第一个参数不是对象,会自动转为对象。但是由于返回的还是第一个参数,所以这个操作不会产生任何效果。

console.log(Object.setPrototypeOf(1,{ a : 1}));       //1
console.log(Object.setPrototypeOf(true,{ a : 1})) //true
console.log(Object.setPrototypeOf("abc",{a : 1}))   //abc

由于undefined和null无法转为对象,所以第一个参数为undefined或者null的话,就会报错。

console.log(Object.setPrototypeOf(undefined,{}));       //error
console.log(Object.setPrototypeOf(null,{}));        //error

Object.getPrototypeOf()

该方法与Object.setprototypeOf()方法配套,用于读取一个对象的原型对象。

const objPrototype = {
     name : "abc",
     age : 18,
}
const obj = Object.setPrototypeOf({},objPrototype);
console.log(Object.getPrototypeOf(obj));

如果参数不是对象,会被转换为对象。

console.log(Object.getPrototypeOf(1));  
console.log(Object.getPrototypeOf(true));
console.log(Object.getPrototypeOf("123"));

由于undefined和null不能转换为对象,所以会报错。

console.log(Object.getPrototypeOf(undefined));   //error
console.log(Object.getPrototypeOf(null));               //error

主页传送门

展开阅读全文

没有更多推荐了,返回首页