首页 > 代码库 > javascript继承有5种实现方式

javascript继承有5种实现方式

1.对象冒充

function Parent(username){
    this.username = username;
    this.hello = function(){
        alert(this.username);
    }
}    
function Child(username,password){
    //通过以下3行实现将Parent的属性和方法追加到Child中,从而实现集成实现继承
    //1.this.method是作为一个临时的属性,并且指向Parent所指向的对象,
    //2.执行this.method方法,即执行Parent所指向的对象函数
    //3.销毁this.method属性,即此时Child就已经拥有了Parent的所有属性和方法
this.method = Parent;
this.method(username);//最关键的一行
delete this.method;

this.password = password;
    this.world = function(){
        alert(this.password);
    }
}
var parent = new Parent("zhangsan");
var child = new Child("lisi","123456");
parent.hello();
child.hello();
child.world();

2.继承第二种方式:call()方法方式
call方法是function类中的方法
all方法的第一个参数的值赋值给类(即方法)中出现的this
call方法的第二个参数开始依次赋值给类(即方法)所接受的参数

3.继承的第三种方式:apply()方法方式

apply方法接受2个参数

A.第一个参数与call方法的第一个参数一样,即赋值给类(即方法)中出现的this

B.第二个参数为数组类型,这个数组中的每个元素依次赋值给类(即方法)所接受的参数

4.第四种方式:原型链方式,即子类通过prototype将所有在父类中通过prototype追加的属性和方法都追加到Child,从而实现了继承。

5.继承的第五种方式:混合方式

混合了call方式,原型链方式。

  

javascript继承有5种实现方式