为了账号安全,请及时绑定邮箱和手机立即绑定

你不知道的JavasScript上篇·第五章·原型·下

标签:
JavaScript

5、差异继承

继承意味着复制操作;

差异继承:
基本原则是在描述对象行为时,使用其不同于普遍描述的特制。 (我的理解是只用对象自身的而不用普遍继承的像是toString(),valueOf()这种方法)

6、(原型) 继承

    function Foo(name){
        this.name = name;
    }
    Foo.prototype.myName = function(){
        return this.name
    }
    function Bar(name,label){
        //用call将name混合继承
        Foo.call(this,name);
        this.label = label;
    }
    //真正关联起来
    Bar.prototype = Object.create(Foo.prototype);
    Bar.prototype.myLabel = function(){
        return this.label;
    }
    var a  = new Bar('a','obj a');
    a.myName();//a
    a.myLabel();// obj a

此时Bar.prototype是:
图片描述
Foo.prototype是:
图片描述

这段代码的核心部分就是Bar.prototype = Object.create(Foo.prototype);调用Object.create()会凭空创建一个“新”对象并把新对象内部的[[Prototype]]关联到指定的对象(Foo.prototype)

两种方法可以将Bar.prototype关联到Foo.prototype,上面说的是第一种。
Es6提供了另一种方法: Object.setPrototypeOf(Bar.prototype,Foo.prototype)

7、检查“类”关系

1、instanceof 谁是谁的实例吗?返回结果为true/false

instanceof 回答的是:在a的整条[[Prototype]]链中是否有Foo.prototype指向的对象

    function Foo(){
        ...
    }
    Foo.prototype.blah = ...
    var a = new Foo();
    a instanceof Foo;//true

2、Foo.prototype.isPrototypeOf(a);

isPrototypeOf()回答的是:在a的整条[[Prototype]]链中是否出现过Foo.prototype?

 var b = {};
 var a = {};
 b.isPrototypeOf(a);//false b的原型链中没有出现过a.Prototype

8、对象关联

原型链:如果在对象上没有找到需要的属性或者方法引用,引擎就会继续在[[Prototype]]关联的对象上进行查找,同理,如果后者中也没有找到需要的引用就回继续查找它的[[Prototype]],以此类推。这一系列对象的链接称为“原型链”

创建关联:
上面提到过两种方法:
Object.create()
Object.setPrototype()(Es6新增)
但是Object.create()是es5中新增的,需要做兼容判断:

    if(!Object.create){
        Object.create = function(o){
            function F(){}
            F.prototype = o;
            return new F();
        }
    }
点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消