js 继承

最新推荐文章于 2024-06-14 14:37:58 发布

SimminonGarcia

最新推荐文章于 2024-06-14 14:37:58 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/BigIdiot/archive/2013/03/01/2938241.html

本文详细介绍了五种JavaScript实现继承的方法：对象冒充、Function.call/apply方法、原型方式、原型混合方式，并提供了具体实现代码。

1. 使用对象冒充实现继承

function Person(username){
    this.username=username;
    this.sayHello=function(){
        alert(this.username);
    }
}

function Child(username,password){
    this.superUserName=Person;
    this.superUserName(username);
    delete this.superUserName;
    
    this.sayWord=function(){
        alert(password);
    }
}

var a=new Person('a');
a.sayHello();

var b=new Child('b','2b');
b.sayHello();
b.sayWord();

2. 使用Function的call方法

function Person(username){
    this.username=username;
    this.sayHello=function(){
        alert(this.username);
    }
}

function Child(username,password){
    Person.call(this,username);
    
    this.sayWord=function(){
        alert(password);
    }
}

var a=new Person('a');
a.sayHello();

var b=new Child('b','2b');
b.sayHello();
b.sayWord();

3.使用Function的apply方法

function Person(username){
    this.username=username;
    this.sayHello=function(){
        alert(this.username);
    }
}

function Child(username,password){
    Person.apply(this,[username]);
    
    this.sayWord=function(){
        alert(password);
    }
}

var a=new Person('a');
a.sayHello();

var b=new Child('b','2b');
b.sayHello();
b.sayWord();

4.原型方式实现继承(无法实现参数传递)

function Person(){

}

Person.prototype.username='hello';
Person.prototype.sayHello=function(){
    alert(this.username);
}

function Child(){
    
}
Child.prototype=new Person();
Child.prototype.password='word';
Child.prototype.sayWord=function(){
    alert(this.password);
}

var a=new Person();
a.sayHello();

var b=new Child();
b.sayHello();
b.sayWord();

5.原型混合方式实现继承

function Person(username){
    this.username=username;
}
Person.prototype.sayHello=function(){
    alert(this.username);
}

function Child(username,password){
    this.password=password;
    Person.call(this,username);
}
Child.prototype=new Person();
Child.prototype.sayWord=function(){ //放在new Person后面，不然会被覆盖
    alert(this.password);
}
var a=new Person('a');
a.sayHello();

var b=new Child('b','2b');
b.sayHello();
b.sayWord();