JavaScript 实现继承的最佳方式：组合继承详解

单一继承方式的局限性

要实现 JavaScript 的继承，通常有两种基础思路，但单独使用时均存在明显缺陷：

• 仅使用原型链：虽然能继承方法和属性，但父类的引用类型属性会被所有子实例共享，无法实现参数的个性化初始化。
• 仅使用 call/apply：可以在子类构造函数中调用父类构造函数，从而获得实例属性。但如果父类的函数（方法）定义在原型上，这种方式无法直接继承原型上的方法，导致需要重复定义或无法访问父类原型方法。

组合继承的实现方案

为了克服上述缺点，最佳的实践是将两者结合：第一步通过 call 或 apply 借用父类构造函数来初始化实例属性；第二步将子类的原型（prototype）指向父类的一个实例，从而继承父类原型上的方法。

第1步：定义父类（超类）

首先创建一个父类，包含一个实例属性 age 和一个定义在原型上的方法 sayAge。

function Animal(age){
    this.age = age;
}
Animal.prototype.sayAge = function(){
    alert("My age is "+this.age+"!");
};

第2步：创建子类并借用构造函数

定义子类 Dog，其构造函数接收额外的参数（如 name）。通过 Animal.call(this, age)，将父类的构造函数作用域绑定到子类实例上，从而实现 age 属性的继承和初始化。

function Dog(age,name){
    Animal.call(this,age);
    this.name = name;
}

第3步：建立原型链连接

为了实现方法继承，必须将子类的原型指向父类的一个实例。这样，子类实例就可以顺着原型链找到父类原型上的 sayAge 方法。

Dog.prototype = new Animal();

第4步：完善子类原型并测试

最后，为子类原型添加专属于子类的方法 sayName，并进行实例化测试。

Dog.prototype.sayName = function(){
    alert("I am a "+this.name+"!");
};

var dog = new Dog(15,"dog");
dog.sayName(); // "I am a dog!"
dog.sayAge();   // "My age is 15!"

总结

这种组合使用 call 和原型链的方式，既解决了原型链中属性共享的问题，也解决了构造函数模式中方法复用性差的问题。它是理解 JavaScript 面向对象编程的重要基石。以上就是关于JavaScript继承最佳方式的详细内容，更多关于JavaScript面向对象开发技巧的资料请关注本站其它相关文章！