使用类型构造函数扩展类

在JavaScript中，类型构造函数通常指的是使用构造函数来创建对象实例的方式。这种方式允许我们定义一个类（在ES6之前通常使用构造函数和原型链来实现），并通过new关键字来创建该类的实例。扩展类则是指继承已有的类，以便复用其属性和方法，同时添加或覆盖一些功能。

基础概念

构造函数：一个普通的JavaScript函数，当使用new关键字调用时，它将创建一个新的对象实例。
原型：每个JavaScript函数都有一个prototype属性，它指向一个对象，该对象包含可以被该函数的所有实例共享的属性和方法。
继承：子类可以继承父类的属性和方法，这是通过设置子类的原型为父类的一个实例来实现的。

类型与应用场景

经典继承：通过构造函数和原型链实现继承。
ES6类继承：使用class和extends关键字实现更简洁直观的继承。

应用场景包括但不限于：

创建具有相似属性和方法的对象家族。
实现插件或模块化系统，允许第三方扩展核心功能。
构建复杂的用户界面组件库。

示例代码

经典继承方式

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

Animal.prototype.sayName = function() {
    console.log('My name is ' + this.name);
};

function Dog(name, breed) {
    Animal.call(this, name); // 调用父类构造函数
    this.breed = breed;
}

// 设置Dog的原型为Animal的实例，实现继承
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog; // 修复constructor指向

Dog.prototype.sayBreed = function() {
    console.log('My breed is ' + this.breed);
};

var myDog = new Dog('Buddy', 'Golden Retriever');
myDog.sayName(); // My name is Buddy
myDog.sayBreed(); // My breed is Golden Retriever

ES6类继承方式

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

    sayName() {
        console.log(`My name is ${this.name}`);
    }
}

class Dog extends Animal {
    constructor(name, breed) {
        super(name); // 调用父类构造函数
        this.breed = breed;
    }

    sayBreed() {
        console.log(`My breed is ${this.breed}`);
    }
}

const myDog = new Dog('Buddy', 'Golden Retriever');
myDog.sayName(); // My name is Buddy
myDog.sayBreed(); // My breed is Golden Retriever