怎样实现js的继承

在JavaScript中，继承可以通过多种方式实现，主要涉及到原型链和构造函数。以下是几种常见的继承方式：

1. 原型链继承

原型链继承是通过将子类的原型对象设置为父类的一个实例来实现的。

function Parent() {
    this.name = 'Parent';
}

Parent.prototype.sayHello = function() {
    console.log('Hello, I am ' + this.name);
};

function Child() {
    this.name = 'Child';
}

// 继承Parent
Child.prototype = new Parent();

var child = new Child();
child.sayHello(); // 输出: Hello, I am Child

优势：简单易懂。劣势：所有子类实例共享父类实例的属性和方法，容易造成属性污染。

2. 构造函数继承

构造函数继承是在子类构造函数内部调用父类构造函数，通过call或apply方法实现。

function Parent(name) {
    this.name = name;
}

Parent.prototype.sayHello = function() {
    console.log('Hello, I am ' + this.name);
};

function Child(name) {
    Parent.call(this, name); // 继承Parent的属性
}

var child = new Child('Child');
console.log(child.name); // 输出: Child
child.sayHello(); // 报错: child.sayHello is not a function

优势：避免了属性共享的问题。劣势：无法继承父类原型上的方法。

3. 组合继承

组合继承结合了原型链继承和构造函数继承的优点。

function Parent(name) {
    this.name = name;
}

Parent.prototype.sayHello = function() {
    console.log('Hello, I am ' + this.name);
};

function Child(name) {
    Parent.call(this, name); // 第二次调用Parent构造函数
}

Child.prototype = new Parent(); // 第一次调用Parent构造函数
Child.prototype.constructor = Child; // 修复constructor指向

var child = new Child('Child');
child.sayHello(); // 输出: Hello, I am Child

优势：既继承了父类的属性，也继承了父类原型上的方法。劣势：父类构造函数被调用了两次，有一定的性能损耗。

4. 原型式继承

原型式继承是通过创建一个新对象，其原型是另一个对象。

function createObject(o) {
    function F() {}
    F.prototype = o;
    return new F();
}

var parent = {
    name: 'Parent',
    sayHello: function() {
        console.log('Hello, I am ' + this.name);
    }
};

var child = createObject(parent);
child.name = 'Child';
child.sayHello(); // 输出: Hello, I am Child

优势：适用于简单的对象继承。劣势：所有子类实例共享父类实例的属性和方法。

5. 寄生式继承

寄生式继承是在原型式继承的基础上，对创建的对象进行增强。

function createObject(o) {
    function F() {}
    F.prototype = o;
    return new F();
}

function createChild(parent) {
    var child = createObject(parent);
    child.name = 'Child';
    child.sayHello = function() {
        console.log('Hello, I am ' + this.name);
    };
    return child;
}

var parent = {
    name: 'Parent',
    sayHello: function() {
        console.log('Hello, I am ' + this.name);
    }
};

var child = createChild(parent);
child.sayHello(); // 输出: Hello, I am Child

优势：可以在创建子类实例时对其进行增强。劣势：无法实现函数复用，每次创建子类实例都会创建新的方法。

6. ES6 Class继承

ES6引入了class语法，使得继承更加直观和简洁。

class Parent {
    constructor(name) {
        this.name = name;
    }

    sayHello() {
        console.log('Hello, I am ' + this.name);
    }
}

class Child extends Parent {
    constructor(name) {
        super(name); // 调用父类构造函数
    }
}

var child = new Child('Child');
child.sayHello(); // 输出: Hello, I am Child

优势：语法简洁，易于理解和维护。劣势：本质上仍然是基于原型链的继承，只是语法糖。