【JS第25期】设计模式-寄生构造函数模式

这种模式的基本思想是建立一个函数，该函数的做用仅仅是封装建立对象的代码，而后再返回新建立的对象；不过，从表面看这个函数和构造函数相似。如：

function Persion(name, age) {
  var o = new Object()
  o.name = name;
  o.age = age;
  o.sayName = function() {
    alert(this.name);
  }
  return o;
}

var p1 = new Persion('bill', 22)
p1.sayName() // bill
复制代码

上例中咱们能够看到，除了使用new操做符并把使用的包装函数叫作构造函数以外，这个模式跟工厂模式一摸同样。构造函数再不返回值的状况下，默认会返回新对象的实例。而经过在构造函数的末尾添加一个return 语句，能够重写调用构造函数时返回的值。

这个模式能够在特殊的状况下用来为对象建立构造函数。假设咱们想建立一个具备额外方法的特殊数组。因为不能直接修改Array构造函数，所以能够用这个模式。如：

function SpecialArray() {
  // 建立数组
  var arr = new Array();

  // 添加值
  arr.push.apply(arr, arguments);

  // 添加方法
  arr.toPipeString = function() {
    return this.join("|");
  }
  return arr;
}

var colors = new SpecialArray('red', 'blue', 'green');
console.log(colors.toPipedString()) // "red|blue|green"
复制代码

说明： 构造函数返回的对象与在构造函数外部建立的对象没有什么不一样。所以，不能依赖 instanceof 操做符来缺点对象类型。

若有侵权，请发邮箱至wk_daxiangmubu@163.com 或留言，本人会在第一时间与您联系，谢谢！！

长按二维码关注咱们，了解最新前端资讯