关于 Object.create 的笔记

Object.create方法会返回一个新对象（带有指定的原型对象和属性）

 

1. 基于一个对象去创建新的对象

var person = {
  isHuman: false,
  print: function() {
    console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
  },
};

const me = Object.create(person);

// 'name'是 me 的自有属性（非person对象的）
me.name = 'John';
// 继承自person上的isHuman属性将被改写
me.isHuman = true;

me.print();

2. 实现继承

// 父类 - Shape
function Shape() {
  this.x = 0;
  this.y = 0;
}

Shape.prototype.move = function(x, y) {
  this.x += x;
  this.y += y;
};

// 子类 - Rectangle
function Rectangle() {
  Shape.call(this);
}

// 继承
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;

var rect = new Rectangle();

3. 方法使用细节

var o;
// 创建一个原型为null的空对象
o = Object.create(null);

// 以字面量创建的空对象 o = {} 相当于:
o = Object.create(Object.prototype);

// 关于Object.create的 propertyObject 参数的使用
o = Object.create(Object.prototype, {
  // 添加数据属性
  foo: {
    writable: true,
    configurable: true,
    value: 'hello',
  },
  // 添加存取器属性
  bar: {
    configurable: false,
    get: function() {
      return 10;
    },
    set: function(val) {
      console.log('Set "o.bar" to ', val);
    },
  },
});

// function Cons() {} 
// var c = new Cons();
// // 等同于：
// var o = Object.create(Cons.prototype);