admin 管理员组

文章数量: 1184232


2024年1月17日发(作者:懒盘搜索网页)

js调用父类方法

在JavaScript中,可以使用两种方法调用父类的方法:通过`super`关键字和通过`totypeOf(`函数。

1. 使用`super`关键字调用父类方法:

在ES6中,可以使用`super`关键字来调用父类的方法。在子类的构造函数中使用`super(`调用父类的构造函数。在子类的其他方法中,可以使用`super.方法名(`来调用父类的方法。

```javascript

class Parent

constructor(name)

= name;

}

sayHell

('Hello, ' + );

}

}

class Child extends Parent

constructor(name, age)

super(name); // 调用父类的构造函数

= age;

}

sayHell

lo(; // 调用父类的方法

('I am ' + + ' years old.');

}

}

let child = new Child('Alice', 10);

lo(; // 输出:Hello, Alice I am 10 years old.

```

在上面的例子中,`Child`类继承自`Parent`类。在`Child`的构造函数中,使用`super(name)`调用父类`Parent`的构造函数。在`Child`的`sayHello`方法中,使用`lo(`调用父类`Parent`的`sayHello`方法。

2. 使用`totypeOf(`函数调用父类方法:

在ES5及更早的版本中,可以使用`totypeOf(`函数来获取对象的原型(即父类对象),然后通过原型链调用父类的方法。

```javascript

function Parent(name)

= name;

}

lo = functio

('Hello, ' + );

}

function Child(name, age)

(this, name); // 调用父类的构造函数

= age;

}

ype = (ype); // 设置原型链

uctor = Child;

lo = functio

totypeOf(ype).(this);

// 调用父类的方法

('I am ' + + ' years old.');

}

let child = new Child('Alice', 10);

lo(; // 输出:Hello, Alice I am 10 years old.

```

在上面的例子中,`Child`函数继承自`Parent`函数。在`Child`的构造函数中,使用`(this, name)`调用父类`Parent`的构造函数。然后通过`(ype)`将`Parent`的原型赋值给`Child`的原型,实现继承关系。在`Child`的`sayHello`方法中,使用`totypeOf(ype).(this)`调用父类`Parent`的`sayHello`方法。

综上所述,可以通过`super`关键字或`totypeOf(`函数来调用父类的方法,从而实现在JavaScript中调用父类方法的功能。


本文标签: 父类 方法 调用 原型