js 动态原型(prototype)模式

在将这个模式几乎是原封不动的照搬上来,一个是觉得这个模型更有OO的特点,另一个也是方便记忆。(其实对于前一种的混合模型【构造函数与原型混成】个人也没有觉得太多不适应。)

有其他OO语言经验的开发人员在看到独立的构造函数和原型时,很可能会感到非常困惑。动态原型模式正式致力于解决这个问题的一个方案,它把所有信息都封装在了构造函数中,而通过在构造函数中初始化原型(在必要情况下),又保持了同时使用构造函数和原型的特点【应该说 共享属性和实例属性得到保存】。
function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    **if( typeof(this.sayName) != "function" ){
        Person.prototype.sayName = function(){
            alert(this.name);
        };
    }**
}

var friend = new Person("xiaolu",23,"student");
friend.sayName();

注意代码中加粗的部分,这里只在sayName()方法不存在的情况下,才会将它添加到原型中。这段代码只会在初次调用构造函数时才会执行,此后,原型已经完成初始化,不需要再做什么修改了。
其实if语句需要检查的是初始化后应该存在的任何方法或者属性,而不需要对于每一个在原型中需要存在的方法和属性都来一个if检查【个人认为:“一荣俱荣,一损俱损”的特点—要么全部有了,要么一个都没有】

注:在使用动态原型模式时,不能使用对象字面量重写原型,否则会切断现有实例与【当前】原型之间的联系。

这种模式没有太大的好处与不好【相对于混合模式而言】,如果你是OO的偏执者,那么也许可能更喜欢这一种吧,不过缺点就是需要一个if检查【即使只有一个if检查】。同时,觉得这个方式比较巧妙,但是呢也是有一点点点点的…绕【真的只是一点点】

if( typeof(this.sayName) != "function" ){
        Person.prototype.sayName = function(){
            alert(this.name);
        };
    }

假设此处有两个对象p1,p2被new了出来,对于第一个对象p1而言,去找它的sayName属性,找不到【过程是,先在实例中查找,然后去原型中找】,于是sayName属性被构造出来并添加到了原型中,我们知道,简单通俗的可以认为原型中的东西【简单属性或者函数,数组等】是可以被所有实例所共享的【一块公用内存区域—–有点类似于c++中的虚函数表,一个类所有对象共享这个表】,那么第二个对象p2构造出来时,在实例中找不到sayName属性,但是在原型中可以找到【p1构造过程中添加的】,因此if中的语句就不会再被执行,也达到了共享的效果【个人觉得没有混合模式,理解起来那么简单直观,可能是个人的一个偏见吧- - 】

阅读过程中,若发现错误或者不恰当的地方,恳请不吝提出,谢谢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值