设计模式:javascript原型式继承

道格拉斯丶克罗克福德有一个观点是:借助原型prototype可以根据已有的对象创建一个新的对象,同时不必创建新的自定义对象类型。代码如下:

//原型式继承
function inheritObject(o){
     //声明一个过渡函数对象
     function F(){}
     //过渡对象的原型继承父对象
     F.prototype = o;
     //返回过渡对象的一个实例,该实例的原型继承了父对象
     return new F();
}

这种方式和类式继承有些像,它是对类式继承的一个封装,其中的过渡对象就相当于类式继承的子类,只不过在原型式中作为一个过渡对象出现的,目的是为了创建要返回的新的实例化对象。
由于F过渡类的构造函数中无内容,所以开销比较小,使用起来比较方便。当然我们还可以把F过渡类缓存起来,不必每次创建一个新的过渡类F。随着这种思想的加深,Object.create()这种形式就应运而生。

var book = {
   name:"js book",
   alikebook:["css book","html book"]
};
var newBook = inheritObject(book);
newBook.name = "ajax book";
newBook.alikebook.push("xml book");
var otherBook = inheritObject(book);
otherBook.name = "flash book";
otherBook.alikebook.push("as book");

console.log(newBook.name); //ajax book
console.log(newBook.alikebook);//["css book","html book","xml book","as book"]
console.log(otherBook.name);//flash book 
console.log(otherBook.alikebook);//["css book","html book","xml book","as book"]
console.log(book.name);//js book
console.log(book.alikebook);//["css book","html book","xml book","as book"]

跟类式继承一样,父类对象book中的值类型的属性被复制,引用类型的属性被共用。
然而,道格拉斯丶克罗克福德推广的继承并不只这一种,他在此基础上做了一些增强而推出一种寄生式继承。

//寄生式继承
//声明基对象
var book = {
   name:"js book",
   alikebook:["css book","html book"]
};
function createBook(obj){
  //通过原型继承方式创建新对象
  var o = new inheritObject(obj);
  //拓展新对象
  o.getName = function(){
      console.log(name);
};
//返回拓展后的新对象
return o;
}

寄生式继承就是对原型继承的第二次封装,并且在这第二次封装过程中对继承的对象进行了拓展,这样新创建的对象不仅仅有父类中的属性和方法而且还添加新的属性和方法。

(ps:参考js设计模式)

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值