js中怎么实现继承

在JavaScript中，实现继承的方法主要有：原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承。 其中，寄生组合继承 是最常用和推荐的方式，因为它结合了原型链和构造函数的优点，并避免了它们的缺点。寄生组合继承通过使用一个寄生函数来组合原型链和构造函数继承，达到最优效果。

寄生组合继承 的核心在于通过创建一个中间对象来继承父类的原型对象，然后将这个中间对象赋值给子类的原型。这样可以避免父类构造函数被调用两次，从而节约了内存。下面将详细介绍如何在JavaScript中实现各种继承方式及其优缺点。

一、原型链继承

原型链继承 是利用 JavaScript 的原型特性，使一个对象能够继承另一个对象的属性和方法。基本原理是将一个对象的原型指向另一个对象的实例。

function Parent() {
    this.name = 'parent';
}
Parent.prototype.sayName = function() {
    console.log(this.name);
};
function Child() {
    this.age = 18;
}
// 关键点：将Child的原型指向Parent的实例
Child.prototype = new Parent();
Child.prototype.sayAge = function() {
    console.log(this.age);
};
const child1 = new Child();
child1.sayName(); // 输出 'parent'
child1.sayAge();  // 输出 18

优点：

简单易懂，实现起来较为容易。

缺点：

父类的引用属性会被所有实例共享，造成数据不一致。
无法向父类构造函数传参。

二、构造函数继承

构造函数继承 是通过在子类的构造函数中调用父类的构造函数来实现继承的。这样每个实例都有自己的属性。

function Parent(name) {
    this.name = name;
}
function Child(name, age) {
    Parent.call(this, name); // 关键点：调用父类构造函数
    this.age = age;
}
const child1 = new Child('child', 18);
console.log(child1.name); // 输出 'child'
console.log(child1.age);  // 输出 18

优点：

可以向父类构造函数传递参数。
每个实例都有自己的属性，互不干扰。

缺点：

只能继承父类的实例属性和方法，无法继承原型属性和方法。

三、组合继承

组合继承 结合了原型链继承和构造函数继承的优点，通过调用父类构造函数获得实例属性，再通过原型链继承获得原型属性。

function Parent(name) {
    this.name = name;
}
Parent.prototype.sayName = function() {
    console.log(this.name);
};
function Child(name, age) {
    Parent.call(this, name); // 调用父类构造函数
    this.age = age;
}
// 关键点：将Child的原型指向Parent的原型
Child.prototype = new Parent();
Child.prototype.sayAge = function() {
    console.log(this.age);
};
const child1 = new Child('child', 18);
child1.sayName(); // 输出 'child'
child1.sayAge();  // 输出 18

优点：

解决了原型链继承中引用属性共享的问题。
可以向父类构造函数传参。

缺点：

父类构造函数会被调用两次，消耗内存。

四、原型式继承

原型式继承 是通过创建一个临时构造函数，并将传入的对象赋值给这个构造函数的原型，最后返回这个临时构造函数的实例。

function createObject(o) {
    function F() {}
    F.prototype = o;
    return new F();
}
const parent = {
    name: 'parent',
    sayName() {
        console.log(this.name);
    }
};
const child1 = createObject(parent);
child1.name = 'child';
child1.sayName(); // 输出 'child'

优点：

实现简单，能够直接继承对象的属性和方法。

缺点：

引用属性会被所有实例共享。

五、寄生式继承

寄生式继承 是在原型式继承的基础上，增强对象，返回构造函数。

function createObject(o) {
    function F() {}
    F.prototype = o;
    return new F();
}
function createEnhancedObject(o) {
    const clone = createObject(o);
    clone.sayHi = function() {
        console.log('Hi');
    };
    return clone;
}
const parent = {
    name: 'parent',
    sayName() {
        console.log(this.name);
    }
};
const child1 = createEnhancedObject(parent);
child1.name = 'child';
child1.sayName(); // 输出 'child'
child1.sayHi();   // 输出 'Hi'

优点：

可以增强对象，增加新的方法和属性。

缺点：

引用属性会被所有实例共享。

六、寄生组合继承

寄生组合继承 是目前最推荐的继承方式，它结合了原型链继承和构造函数继承的优点，并避免了它们的缺点。通过创建一个中间对象来继承父类的原型，然后将这个中间对象赋值给子类的原型。

function Parent(name) {
    this.name = name;
}
Parent.prototype.sayName = function() {
    console.log(this.name);
};
function Child(name, age) {
    Parent.call(this, name); // 调用父类构造函数
    this.age = age;
}
// 关键点：创建一个中间对象继承Parent的原型
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
Child.prototype.sayAge = function() {
    console.log(this.age);
};
const child1 = new Child('child', 18);
child1.sayName(); // 输出 'child'
child1.sayAge();  // 输出 18

优点：

解决了原型链继承中引用属性共享的问题。
可以向父类构造函数传参。
父类构造函数只调用一次，节约内存。

总结：

在JavaScript中，有多种实现继承的方法，每种方法都有其优缺点。寄生组合继承 是最推荐的方式，因为它结合了原型链继承和构造函数继承的优点，并避免了它们的缺点。通过理解和掌握这些继承方法，可以更好地设计和开发JavaScript应用程序。