编辑“︁JavaScript组合继承”︁（章节）

== 代码实现 ==

以下是组合继承的典型实现示例：

<syntaxhighlight lang="javascript">
// 父类
function Animal(name) {
    this.name = name || 'Unknown Animal';
    this.colors = ['black', 'white'];
}

// 父类原型方法
Animal.prototype.sayName = function() {
    console.log("My name is " + this.name);
};

// 子类
function Dog(name, breed) {
    // 1. 构造函数继承 - 继承实例属性
    Animal.call(this, name);  // 第二次调用父类构造函数
    this.breed = breed || 'Unknown Breed';
}

// 2. 原型链继承 - 继承原型方法
Dog.prototype = new Animal();  // 第一次调用父类构造函数
// 3. 修正constructor指向
Dog.prototype.constructor = Dog;

// 子类原型方法
Dog.prototype.bark = function() {
    console.log(this.name + " says: Woof!");
};

// 测试代码
var dog1 = new Dog('Max', 'Golden Retriever');
dog1.colors.push('brown');
dog1.sayName();  // "My name is Max"
dog1.bark();     // "Max says: Woof!"
console.log(dog1.colors);  // ["black", "white", "brown"]

var dog2 = new Dog('Bella', 'Poodle');
console.log(dog2.colors);  // ["black", "white"] (不受dog1影响)
</syntaxhighlight>

'''输出结果:'''
<pre>
My name is Max
Max says: Woof!
["black", "white", "brown"]
["black", "white"]
</pre>