js-Object.create 行为委托设计模式

let obj1 = {
  a: 1,
  init: function(a){
    this.a = a
  },
  getA: function() {
    return this.a
  }
}
let obj2 = Object.create(obj1, {
  c: {value: 'im cc'},
  [Symbol.age]: {value: 33, writable: true},
  age: {
    enumberable: true,
    configurable: true,
    get: function(){ // get 和 set 不能与 writable 和 value 同用
      return this['Symbol.age']
    },
    set: function(age) {
      this['Symbol.age'] = age
    }
  }
})

/* 
  Object.create(复制的对象，额外的属性)
  eg.
  Object.create(a, {
    _age: {
      value: 'xxx',
      writable: true // 所以这里得显示设置为true
    },
    age: {
      value: 'xxx', // 可选，value或者get/set组合
      writable: true, // 可选, 默认为false
      enumberable: true, // 可选
      configurable: true, // 可选
      get: function(){
        return this._age
      },
      set: function(age) {
        this._age = age
      }
    }
  })
*/

// console.log(obj2.__proto__ === obj1)
// Object.create做了下面的事情
// 1. obj2.__proto__ === obj1
// 2. obj2.prototype === undefined
// 3. obj2.constructor === Object -> Function.prototype -> Object.prototype -> null
// 也就是说obj2只有__proto__，没有prototype，构造函数是Object。

// Object.create大概实现：
/* 
  Object.create = function(obj) {
    let F = {}
    F.prototype = obj
    return new F() // 返回一个新对象
  }
*/

obj2.setup = function(a, b){
  console.log('init')
  this.init(a) // 委托调用，初始化其他对象的值
  this.b = b // 初始化自己内部的值
}
obj2.sum = function() { // 定义自己的函数
  return this.a + this.b
}
obj2.setup(2, 8)
console.log(obj2.a)
console.log(obj2.sum())
console.log(obj2.c)
obj2.age = 99
console.log(obj2.age)
// 属性会继承，但值不会同步
console.log(obj1.a) // 1
console.log(obj2.a) // 100

简洁好用，易懂。委托者需要自己实现接口时，通过this便可以调用其他对象的函数，从而实现重写。