JS 继 承 方 式

JS 继 承 方 式

JS的继承主要通过四种途径实现：

1、          对象冒充（Object Masquerading）

以下为实现对象冒充的js代码,定义了一个函数ClassA

function ClassA(sColor) {this.color = sColor;this.sayColor = function () {alert(this.color);};}function ClassB(sColor) {}

 

定义了函数ClassB，并且将ClassA赋值给newMethod，并将sColor参数做为ClassA函数的参数。

function ClassB(sColor) {this.newMethod = ClassA;this.newMethod(sColor);delete this.newMethod;}

 

2、          Call（subObject,parentFuncArgu1，…. ParentFuncArguN）方法

subObject:子类对象

parentFuncArgu1：父类的第一个参数

parentFuncArguN：父类的第N个参数

         使用方法如下:

         function ClassB(sColor, sName) {ClassA.call(this, sColor);//调用call方法就this.name = sName;this.sayName = function () {alert(this.name);};}

3、          apply（）方法

The apply() method takes two arguments: the object to be used for this and an array of arguments to be passed to the function.（apply方法接收两个参数，第一个是this对象，第二个是传递到函数的数组对象。）

function ClassB(sColor, sName) {ClassA.apply(this, new Array(sColor));this.name = sName;this.sayName = function () {alert(this.name);};}

你也可以讲ClassB的整个参数对象作为apply（）函数第二个参数。

 

4、          原型prototype方法（Prototype chaining）

    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);};  

运行下面的代码测试继承关系是否正确:

var objA = new ClassA();

var objB = new ClassB();

objA.color = “red”;

objB.color = “blue”;

objB.name = “Nicholas”;

objA.sayColor(); //outputs “red”

objB.sayColor(); //outputs “blue”

objB.sayName(); //outputs “Nicholas”