JavaScript继承篇

傷城~ 2022-05-31 02:26 96阅读 0赞

作为一门面向对象的语言，JavaScript并没有“父类”与“子类”的概念，也没有像java提供extends关键字，c++中直接提供继承方法等那样直接进行继承。然而继承在面向对象的语言中的重要性不言而喻，所以，下述将简要探讨一下，JavaScript中的几种常用的继承方法。

首先，我们需要定义一个父类：

function Parent(username)
    {
        this.username = username;
        this.sayHello = function()
        {
            return this.username;
        }
    }

没有现成的继承方法的情况下，JavaScript学习者们通过对JavaScript的理解总结出5中常见的实用的继承方法：

*  对象冒充
 *  call方法
 *  apply方法
 *  原型链方式
 *  混合方式（推荐）

1、对象冒充  
顾名思义，子类通过冒充父类，从而获得父类的属性和方法，其中最重要的是下列三行代码

this.method = Parent;
    this.method (username);
    delete this.method;

以上的this均指代的是“子代”的实例，第一行代码为定义一个成员方法，即把函数Parent作为“子代”的成员方法；第二行为执行成员方法，该方法把Parent的属性和方法添加给了“子代”的实例；第三行为删除该方法，因为方法已经执行，“父代”的属性与方法已经获得。删不删都一样。

function Child(username,password)
    {
        this.method = Parent;
        this.method(username);
        delete this.method;
    
        this.password = password;
        this.sayWorld = function()
        {
            return this.password;
        }
    }
    var parent = new Parent("zhangsan");
    var child = new Child("lisi","123");

2、call方法方式  
call方法是Function对象中的方法，因此我们定义的每个函数都有该方法。可以通过调用函数名来调用call方法call方法的第1个参数会被传递给Parent函数中的this，从第2个参数开始，逐一赋值给Parent函数中的参数。

function Child(username,password)
    {
        Parent.call(this,username);
        
        this.password = password;
        this.sayWorld = function()
        {
            return this.password;
        }
    }
    var parent = new Parent("zhangsan");
    var child = new Child("lisi","123");

Parent.call(this,username) 此处的this为子对象的this，传递给父对象，则function Parent（username）中的this全部为子对象的this，即完成了继承。  
3、apply方式方法  
apply方式与call方法结构上相近，唯一的区别就是apply中的参数传递规定的是数组形式，不用像call方法那样一个一个地写。

function Child(username,password)
    {
        Parent.apply(this,new Array(username));
        
        this.password = password;
        this.sayWorld = function()
        {
            return this.password;
        }
    }

4、原型链方式  
原型链方式与对象冒充的原理一样，通过将Parent函数赋给“子代”作为其成员方法从而实现继承。然而，单纯的原型链方式有其固有的缺陷，与使用原型链方式构建对象时一样，它无法给构造函数传递参数。

5、混合方式  
Parent.call()进行属性的继承，Child.prototype=new Parent()进行方法的继承。实现方法共享，属性私有。