栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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();
 }
    }
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245786.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号