javascript中继承

在JavaScript中，继承是一种非常重要的概念。通过继承，我们能够复用已有的代码，并且可以轻松构建出较为复杂的程序。在本文中，我们将讨论JavaScript中继承的相关知识。

JavaScript中的继承可以通过原型链来实现，具体来说，每一个JavaScript对象都具有一个原型对象(prototype)，而该原型对象又有自己的原型，这样就形成了一个原型链。当我们访问一个对象的属性或方法时，如果该对象中找不到对应的属性或方法，JavaScript会自动去该对象的原型对象中查找，直到找到为止。这个过程就是JavaScript中原型链的运作。

code class="language-javascript">
// 构建一个Point类作为例子function Point(x, y) {
    this.x = x;
    this.y = y;
}
Point.prototype.toString = function() {
return(${
this.x}
, ${
this.y}
    );
}
    ;
// 构建一个ColorPoint类function ColorPoint(x, y, color) {
    this.x = x;
    this.y = y;
    this.color = color;
}
    // 表示ColorPoint类的原型对象继承自Point类的原型对象ColorPoint.prototype = Object.create(Point.prototype);
// 自行添加ColorPoint类的方法ColorPoint.prototype.getColor = function() {
    return this.color;
}
    ;
    

上述代码中，我们定义了一个Point类，该类包含了x和y两个字段和toString方法。另外，我们还定义了一个ColorPoint类，该类包含了x、y和color三个字段和getColor方法。为了让ColorPoint类也具有toString方法，我们让ColorPoint类的原型对象继承自Point类的原型对象。这样一来，当我们创建ColorPoint实例并且调用toString方法时，调用的实际上是Point类中的toString方法。

除了继承自原型对象外，我们也可以使用call和apply方法来实现继承。具体来说，我们可以在子类的构造函数中使用call方法调用父类的构造函数，并且将子类实例作为this对象传入。这样一来，子类实例就会具有父类的所有字段和方法了。

code class="language-javascript">
function Animal(name) {
    this.name = name;
}
Animal.prototype.speak = function() {
console.log(${
this.name}
     makes a noise.);
}
    ;
function Dog(name, breed) {
    // 调用Animal类的构造函数，并将this作为参数传入Animal.call(this, name);
    this.breed = breed;
}
    // 表示Dog类的原型对象继承自Animal类的原型对象Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.bark = function() {
    console.log(Woof!);
}
    ;
    

上述代码中，我们定义了一个Animal类和一个Dog类。通过在Dog类的构造函数中调用Animal类的构造函数并将this对象作为参数传入，我们实现了继承。此外，我们还在Dog类的原型对象中定义了一个bark方法。

继承是一种非常重要的编程概念，在JavaScript中更是不可或缺的一环。通过继承，我们能够轻松地复用代码，同时也能够构建出强大和灵活的程序。希望通过本文的介绍能够帮助读者更好地理解JavaScript中的继承机制。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！