javascript继承有5种实现方式

Posted 2020-08-30 明烟雨任

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方式，原型链方式。