ES6-对象的扩展-_proto_ 属性，Object.setPrototypeOf()，Object.getProtitypeOf()

__proto__ 属性

__proto__ 属性（前后各两个下划线），用来读取或设置当前对象的 prototype 对象。

目前，所有浏览器（包括 IE11）都部署了这个属性。

// es6 的写法const obj = {  method: function() { ... }};obj.__proto__ = someOtherObj;// es5 的写法var obj = Object.create(someOtherObj);obj.method = function() { ... };

改属性没有写入 ES6 的正文，而是写入了附录，原因是 __proto__ 前后的双下划线，说明它本质是一个内部属性，而不是一个正式的对外的 API，只是由于浏览器广泛支持，才被加入 ES6。标准明确规定，只有浏览器必须部署这个属性，其他运行环境不一定需要部署，而是从兼容性的角度，都不要使用这个属性，而是使用下面的 Object.setPrototypeOf() （写操作）、Object.getPrototypeOf()（读操作）、Object.create（生成操作）代替。

实际上，__proto__ 调用的是 Object.prototype.__proto__，具体实现如下。

Object.defineProperty(Object.prototype, '__proto__', {  get() {    let _thisObj = Object(this);    return Object.getPrototypeOf(_thisObj);  },  set(proto) {    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();    }  },});function isObject(value) {  return Object(value) === value;}

如果对象本身部署了 __proto__ 属性，该属性的值就是对象的原型。

Object.getPrototypeOf({ __proto__: null })// null

Object.setPrototypeOf()

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

// 格式Object.setPrototypeOf(object, prototype)// 用法const o = Object.setPrototypeOf({}, null);

该方法等同于下面的函数。

function (obj, proto) {  obj.__proto__ = proto;  return obj;}

下面是一个例子。

let proto = {};let obj = { x: 10 };Object.setPrototypeOf(obj, proto);proto.y = 20;proto.z = 40;obj.x // 10obj.y // 20obj.z // 40

上面代码将 proto 对象设为 obj 对象的原型，所以从 obj 对象可以读取 proto 对象的属性。

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

Object.setPrototypeOf(1, {}) === 1 // trueObject.setPrototypeOf('foo', {}) === 'foo' // trueObject.setPrototypeOf(true, {}) === true // true

由于 undefined 和 null 无法转为对象，所以如果第一个参数是 undefined 或 null，就会报错。

Object.setPrototypeOf(undefined, {})// TypeError: Object.setPrototypeOf called on null or undefinedObject.setPrototypeOf(null, {})// TypeError: Object.setPrototypeOf called on null or undefined

Object.getPrototypeOf()

该方法与 Object.setPrototypeOf 方法配套，用于读取一个对象的原型对象。

Object.getPrototypeOf(obj);

下面是一个例子。

function Rectangle() {  // ...}const rec = new Rectangle();Object.getPrototypeOf(rec) === Rectangle.prototype// trueObject.setPrototypeOf(rec, Object.prototype);Object.getPrototypeOf(rec) === Rectangle.prototype// false

如果参数不是对象，会被自动转为对象。

// 等同于 Object.getPrototypeOf(Number(1))Object.getPrototypeOf(1)// Number {[[PrimitiveValue]]: 0}// 等同于 Object.getPrototypeOf(String('foo'))Object.getPrototypeOf('foo')// String {length: 0, [[PrimitiveValue]]: ""}// 等同于 Object.getPrototypeOf(Boolean(true))Object.getPrototypeOf(true)// Boolean {[[PrimitiveValue]]: false}Object.getPrototypeOf(1) === Number.prototype // trueObject.getPrototypeOf('foo') === String.prototype // trueObject.getPrototypeOf(true) === Boolean.prototype // true

如果参数是 undefined 或 null，它们无法转为对象，所以会报错。

Object.getPrototypeOf(null)// TypeError: Cannot convert undefined or null to objectObject.getPrototypeOf(undefined)// TypeError: Cannot convert undefined or null to object