JavaScript 高级程序设计继承-优快云博客

本文链接：https://blog.youkuaiyun.com/vowtre/article/details/83848922

本文详细介绍了JavaScript中五种实现继承的方法：对象冒充、call方法、apply方法、原型链及混合方式，并探讨了每种方法的特点及潜在问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 对象冒充

弊端：对象冒充可以支持多重继承，但可能两个父类具有同名的属性或方法。

2. call方法

function sayColor(sPrefix,sSuffix)

{

alert(sPrefix+this.color+sSuffix);

}

var obj=new Object();

obj.color="red";

sayColor.call(obj,"The color is "," ,very good!");

与对象冒充方法最相似，它的第一个参数用作this的对象，其他参数直接传递给函数本身。

第一个参数obj，说明应该赋予sayColor函数中的this关键字值是obj

要与继承机制的对象冒充方法一起使用该方法，代码如下：

function ClassA(sColor)

{

this.color=sColor;

this.sayColor=function (){

alert(this.color);

}

function ClassB(sColor,sName)

{

ClassA.call(this,sColor);

this.name=sName;

this.sayName=function (){

alert(this.name);

}

3. apply()方法有两个参数，用作this的对象和要传递给函数的参数的数组。

function onLoad()

{

function sayColor(sPrefix,sSuffix)

{

alert(sPrefix+this.color+sSuffix);

}

var obj=new Object();

obj.color="red";

sayColor.apply(obj,new Array("The color is "," ,very good!"));

}

function ClassA(sColor)

{

this.color=sColor;

this.sayColor=function (){

alert(this.color);

}

function ClassB(sColor,sName)

{

ClassA.apply(this,new Array(sColor));

this.name=sName;

this.sayName=function (){

alert(this.name);

}

4. 原型链

prototype对象是个模板，要实例化的对象都以这个模板为基础。prototype对象的任何属性和方法都被传递给那个类的所有实例。

function ClassA(){ } ClassA.prototype.color="red"; ClassA.prototype.sayColor=function (){ alert(this.color); } function ClassB(){ } ClassB.prototype=new ClassA();

把ClassB的prototype属性设置成ClassA的实例。可以得到ClassA的所有属性和方法，又不用逐个将他们赋予ClassB的prototype属性。子类的所有属性和方法必须在prototype属性被赋值后，因为在它之前赋值的所有方法都会被删除。因为prototype属性被替换成新对象，添加了新方法的原始对象将被销毁。

function ClassA(){

}

ClassA.prototype.color="red";

ClassA.prototype.sayColor=function (){

alert(this.color);

}

function ClassB(){

}

ClassB.prototype=new ClassA();

ClassB.prototype.name="";

ClassB.prototype.sayName=function (){

alert(this.name);