Object.create()

Object.create() 方法创建一个新对象,使用现有的对象来提供新创建的对象的 __proto__

语法

Object.create(proto, [propertiesObject])

参数

  • proto 新创建对象的原型对象。
  • propertiesObject 可选。如果没有指定为 undefined,则是要添加到新创建对象的可枚举属性(即其自身定义的属性,而不是其原型链上的枚举属性)对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProperties()的第二个参数。

返回值

一个新对象,带着指定的原型对象和属性。

实际应用

创建空对象

var o;
// 创建一个原型为null的空对象
o = Object.create(null);
o = {};
// 以字面量方式创建的空对象就相当于:
o = Object.create(Object.prototype);

创建空对象并向里面添加属性

o = Object.create(Object.prototype, {
  // foo会成为所创建对象的数据属性
  foo: {
    writable: true,
    enumerable: true,
    configurable: true
    value: "hello"
  },
  // bar会成为所创建对象的访问器属性
  bar: {
    configurable: false,
    get: function() { return 10 },
    set: function(value) {
      console.log("Setting `o.bar` to", value);
    }
  }
});

Object.defineProperty() 一样,如果指定属性,只设置其 value 值,那么默认不可配置:

o = Object.create({}, { p: { value: 42 } })
// 省略了的属性特性默认为false,所以属性p是不可写,不可枚举,不可配置的:
o.p = 24
o.p //42
o.q = 12
for (var prop in o) {
   console.log(prop) // "q"
}
delete o.p //false

从一个单例对象继承

const person = {
  isHuman: false,
  printIntroduction: function () {
    console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
  }
};
const me = Object.create(person);
me.name = "Matthew"; // 添加自身属性
me.isHuman = true; // 继承属性被重写
me.printIntroduction(); // "My name is Matthew. Am I human? true"
person.printIntroduction();// "My name is undifined. Am I human? false"

Object.create实现类式继承

一个简单的示例:

function Constructor(){}
o = new Constructor();
// 上面的一句就相当于:
o = Object.create(Constructor.prototype);

上述代码,如果在Constructor函数中有一些初始化代码,Object.create不能执行那些代码

一个稍微复杂点的例子:

// Shape - 父类(superclass)
function Shape() {
  this.x = 0;
  this.y = 0;
}
// 父类的方法
Shape.prototype.move = function(x, y) {
  this.x += x;
  this.y += y;
  console.info('Shape moved.');
};
// Rectangle - 子类(subclass)
function Rectangle() {
  Shape.call(this); // 调用超类的构造器.
}
// 子类续承父类
Rectangle.prototype = Object.create(Shape.prototype); // 将子类的原型指向父类的原型
Rectangle.prototype.constructor = Rectangle; // 将构造器指回自身
var rect = new Rectangle();
console.log('Is rect an instance of Rectangle?', rect instanceof Rectangle); // true
console.log('Is rect an instance of Shape?', rect instanceof Shape); // true
rect.move(1, 1); // 'Shape moved.'

结合 Object.assign 实现多继承

function MyClass() {
  SuperClass.call(this);
  OtherSuperClass.call(this);
}
MyClass.prototype = Object.create(SuperClass.prototype); // 继承一个类
Object.assign(MyClass.prototype, OtherSuperClass.prototype); // 混合其它
MyClass.prototype.constructor = MyClass; // 重新指定 constructor
MyClass.prototype.myMethod = function() {
  // do a thing
};

Object.assign 会把 OtherSuperClass原型上的函数拷贝到 MyClass原型上,使 MyClass 的所有实例都可用 OtherSuperClass 的方法。

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress