hand
_1_11_56
4
返回栏目
0k
2k
1k
2k
1k
1k
1k
2k
2k
2k
1k
2k
1k
2k
1k
1k
1k
1k
1k
2k
1k
1k
1k
1k
1k
1k
1k
1k
1k
2k
1k
1k
1k
1k
1k
1k
1k
1k
1k
2k
1k
1k
1k
1k
1k
1k
1k
2k
1k
2k
1k
1k
1k
1k
1k
1k
1k
2k
2k
1k
1k
1k
2k
1k
1k
2k
2k
1k
1k
1k
2k
1k
1k
2k
2k
1k
2k
1k
1k
2k
2k
2k
3k
3k
2k
3k
2k
3k
3k
3k
1k
2k
3k
2k
2k
3k
3k
2k
2k
6k
3k
2k
2k
5k
3k
4k
3k
3k
2k
4k
3k
3k
2k
3k
3k
1k
4k
4k
4k
2k
5k
3k
2k
3k
4k
3k
3k
4k
2k
3k
3k
4k
2k
2k
3k
4k
3k
3k
2k
5k
2k
3k
3k
3k
3k
2k
3k
3k
3k
2k
2k
2k
2k
3k
2k
2k
2k
3k
2k
2k
2k
2k
2k
2k
0.1k
0.2k
3k
2k
3k
2k
0.1k
2k
2k
4k
2k
2k
1k
2k
2k
3k
3k
3k
3k
2k
2k
3k
3k
3k
4k
3k
3k
4k
3k
2k
2k
3k
3k
3k
3k
3k
3k
2k
3k
3k
4k
4k
3k
3k
2k
2k
3k
2k
2k
1k
2k
3k
1k
2k
2k
2k
2k
2k
2k
2k
2k
2k
4k
2k
3k
2k
1k
2k
2k
2k
2k
2k
3k
2k
3k
1k
2k
2k
2k
0k
2k
2k
2k
2k
2k
2k
2k
3k
2k
2k
1k
1k
3k
2k
3k
1k
2k
1k
2k
2k
2k
2k
3k
1k
3k
2k
2k
2k
2k
2k
2k
1k
2k
2k
4k
3k
3k
2k
2k
2k
2k
2k
2k
4k
3k
3k
3k
2k
2k
2k
2k
2k
2k
3k
4k
返回前端 - Javascript栏目
作者:
贺及楼
成为作者
更新日期:2025-02-21 17:22:02
在 JavaScript 的世界里,继承是一个非常重要的概念,它允许我们创建具有现有对象属性和方法的新对象,从而实现代码的复用和扩展。今天,我们就来深入探讨一种常见的继承方式——构造函数继承。
构造函数继承是通过在子类的构造函数中调用父类的构造函数来实现的。这样,子类就可以继承父类的实例属性和方法。让我们通过一个简单的例子来理解。
// 定义父类构造函数
function Animal(name) {
this.name = name;
this.speak = function() {
console.log(this.name + ' makes a sound.');
};
}
// 定义子类构造函数
function Dog(name) {
// 调用父类构造函数
Animal.call(this, name);
this.bark = function() {
console.log(this.name + ' barks!');
};
}
// 创建 Dog 实例
const myDog = new Dog('Buddy');
myDog.speak(); // 输出: Buddy makes a sound.
myDog.bark(); // 输出: Buddy barks!
在这个例子中,Animal
是父类构造函数,Dog
是子类构造函数。在 Dog
构造函数中,我们使用 Animal.call(this, name)
调用了父类的构造函数,并将 this
指向子类实例,这样 Dog
实例就继承了 Animal
的 name
属性和 speak
方法,同时还有自己的 bark
方法。
优点 | 说明 |
---|---|
实现简单 | 只需要在子类构造函数中调用父类构造函数即可,代码简洁易懂。 |
可传参 | 可以在调用父类构造函数时传递参数,灵活地初始化父类的属性。 |
实例独立 | 每个子类实例都有自己独立的属性副本,不会相互影响。 |
缺点 | 说明 |
---|---|
方法无法复用 | 父类的方法是定义在构造函数内部的,每个子类实例都会复制一份,造成内存浪费。 |
无法继承父类原型上的属性和方法 | 只能继承父类构造函数内部的属性和方法,无法继承父类原型上的属性和方法。 |
构造函数继承是一种简单直接的继承方式,它适合在需要创建独立实例且每个实例有自己独特属性的场景中使用。但由于它无法复用父类的方法和继承父类原型上的属性和方法,在实际开发中,我们通常会结合其他继承方式,如原型链继承、组合继承等,来实现更强大和灵活的继承机制。
希望通过这篇文章,你对 JavaScript 中的构造函数继承有了更深入的理解。在后续的开发中,合理运用继承可以让你的代码更加高效和可维护。让我们一起在 JavaScript 的奇妙世界里继续探索吧!
前端 - Javascript
整章节共299节
快分享给你的小伙伴吧 ~