ES5实现继承

1.原型链

基本思想

利用原型让一个引用类型继承另一个引用类型的属性和方法,把子类的prototype指向父类的实例,这样就形成了一条原型链。当我们读取一个属性的实例的时候,首先找实例本身中是否存在该属性,如果不存在就去原型中去找,如果还不存在就去原型的原型中寻找,直到找到Object对象Object对象的原型为null)还没有找到该属性,则返回undefined。

1.1hasOwnproperty()用于检查实例本身的属性,如果实例中没有该属性返回false,不会去它的原型中寻找

1.2 in :用法:item in items ;检查某个对象是否含有某个属性,会在原型链中寻找,找到返回true;

1.3确定原型和实例之间的关系

1.3.1 intanceof 操作符

测试实例与原型链中出现过的构造函数

1.3.2 isPrototypeOf()

只要是原型链中出现过的原型,都可以说是该原型链所派生出的实例的原型

1.4谨慎定义方法

子类有时会重写父类的某个方法,或者添加某个不存在的方法。添加和重写的代码一定要放在替换原型语句之后

function Parent() {
        this.Pname = 'parent';
    }
    Parent.prototype.getName = function () {
        return this.Pname;
    }
    function Child() {
        this.Cname = 'child';
    }
    Child.prototype = new Parent();

    //添加新方法
    Child.prototype.getChildName = function () {
        return this.Cname;
    }

    //重写父类的方法;
    Child.prototype.getName = function () {
        return false;
    }

    var instance = new Child();
    console.log(instance.getName());//false

    var p = new Parent();
    console.log(p.getName());//parent

通过原型链实现继承时,不能使用对象字面量创建原型方法,因为这样会重写原型链

function Parent() {
        this.Pname = 'parent';
    }
    Parent.prototype.getParName = function () {
        return this.Pname;
    }
    function Child() {
        this.Cname = 'child';
    }
    Child.prototype = new Parent();

    Child.prototype = {
        getName:function () {
            return this.Pname;
        }
    }

    var c = new Child();
    console.log(c.getParName());//c.getParName is not a function

存在的问题:

1)引用类型属性共享

2)无法向父类传参

2.借用构造函数

借用call/apply函数,在子类调用父类的构造函数,复制父类属性,每调用一次子类复制一次,每个实例都有自己的属性,不共享,可以传参。call(),apply()的区别:call,apply用法一致且都能改变this的指向,只是传递的参数不同,call是一个一个参数的传递,而apply时传递参数数组,具体使用根据传参形式决定。

存在的问题:

共享的方法都在构造函数内,无法达到函数复用的效果。

3.组合继承

将原型链和构造函数结合在一起,将需要共享的属性和方法通过原型链的方式继承,将实例特有的方法通过借用构造函数的方式

存在的问题:创建一次实例需要调用两次父类构造函数

4.原型式

在object()函数内创建一个临时的构造函数,然后将传入的对象作为这个构造函数的原型,最后返回这个临时对象的实例:

 function object(o) {
        function F() {

        }
        F.prototype = o;
        return new F();
    }

这种方式是基于已有的对象创建对象,Object.creat()规范了原型式继承,该方法有两个参数,第一个是作为新对象的原型的对象,第二个是为新对象定义额外属性的对象

5.寄生式

与工厂模式类似,将需要继承的函数进行封装,在函数内部以某种形式增强,再返回对象

function createObj(o) {
        var clone = Object.create(o);
        clone.sayHi = function () {
            console.log('Hi');
        }
        return clone;
    }

7.寄生组合式继承

通过通过构造函数,原型链的混成形式来继承,创建一个父类原型的副本,将这个副本的constructor指向子类,然后将这个原型赋值给子类

 function inherit(child,parent) {
        var prototype = new Object(parent.prototype);
        prototype.constructor = child;
        child.prototype = prototype;
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值