js原型继承 调用原型同名方法

2024年2月8日发(作者：)

js原型继承 调用原型同名方法

在JavaScript中，原型继承是一种通过对象的原型链来实现继承的方法。通过原型链，一个对象可以继承另一个对象的属性和方法。在原型继承中，当一个对象需要调用原型上同名方法时，会按照原型链从下往上查找，直到找到第一个匹配的方法为止。在下面的文章中，我们将探讨如何在JavaScript中使用原型继承，并介绍当调用原型上的同名方法时发生的情况。

介绍原型继承：

在JavaScript中，每个对象都有一个原型（prototype）属性，它指向一个对象。默认情况下，对象的原型是`ype`。当我们创建一个新对象时，它会继承原型对象的属性和方法。我们可以通过`()`方法来指定一个对象作为原型，从而将其属性和方法继承给新对象。

例子：

```javascript

var parent = {

name: "Parent",

sayHello: function() {

("Hello from " + );

}

};

var child = (parent); //继承parent的属性和方法

= "Child"; //在子对象上重新定义name属性

lo(); //调用原型上的同名方法

```

在上面的例子中，我们使用`()`方法来创建了一个新对象`child`，并指定`parent`对象为其原型。这意味着`child`对象继承了`parent`对象的`name`属性和`sayHello()`方法。我们还重写了`child`对象上的`name`属性，将其值设为"Child"。

当我们调用`lo()`时，JavaScript引擎首先在`child`对象上查找是否有名为`sayHello`的方法。由于`child`对象本身没有这个方法，所以引擎会继续在`child`对象的原型链上查找。在原型链中，它会找到`parent`对象上的`sayHello`方法，并将其调用。在方法中，`this`关键字将引用当前调用方法的对象，即`child`对象。

当调用原型上的同名方法时，JavaScript会按照原型链从下往上的顺序查找，直到找到第一个匹配的方法为止。这意味着，即使在原型链的上层有其他对象也定义了同名方法，当调用时只会执行第一个匹配方法的代码。

下面我们来看一个更复杂的例子，演示原型继承和调用原型上的同名方法的过程：

```javascript

function Animal(name) {

= name;

}

lo = function() {

("Hello from " + );

};

function Cat(name) {

(this, name); //调用父构造函数初始化属性

}

ype = (ype); //继承父原型

uctor = Cat; //修复constructor

lo = function() {

("Meow from " + );

};

var myCat = new Cat("Kitty");

lo(); //调用原型上的同名方法

```

在这个例子中，我们定义了一个`Animal`构造函数和一个`Cat`构造函数。`Cat`构造函数继承了`Animal`构造函数的属性，通过`(this, name)`调用父构造函数来实现。然后，我们使用`()`方法将`Cat`的原型设置为`Animal`的原型，从而继承了`Animal`原型上的方法。最后，我们重写了`Cat`原型上的`sayHello`方法，将其输出修改为"Meow from "。

当我们创建一个`Cat`对象`myCat`并调用`lo()`时，JavaScript引擎会按照原型链从下往上查找，直到找到第一个匹配的方法为止。在这个例子中，`myCat`对象首先在自身上查找，没有找到`sayHello`方法。然后，它继续在其原型上查找，找到了`ype`上的`sayHello`方法，因此执行该方法并输出"Meow

from Kitty"。

总结：

通过原型继承，JavaScript中的对象可以继承另一个对象的属性和方法。当调用同名方法时，JavaScript引擎会按照原型链从下往上查找，直到找到第一个匹配的方法为止。这使得我们可以在继承链中

的不同对象上定义相同的方法，并根据需要在子对象上重写父对象的方法。

原型继承是JavaScript中一种实现继承的重要机制，它允许我们通过简单地指定一个对象的原型，即可实现继承。通过调用原型上的同名方法，我们可以在继承链中的不同对象上执行不同的代码段。这种灵活性使得原型继承在JavaScript中非常有用，并且被广泛应用于对象的创建和继承。