继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

zhangfl_go
关注TA
已关注
手记 40
粉丝 28
获赞 163

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();
        }
    }
打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP