JavaScript 面向对象 -- 继承

最新推荐文章于 2025-05-09 17:56:54 发布

原创最新推荐文章于 2025-05-09 17:56:54 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#继承 #JS实现继承的几种方式 #OOP #面向对象

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文深入探讨JavaScript中多种继承实现方式，包括构造函数继承、原型链继承、组合继承及优化继承等，通过具体代码示例说明每种方式的特点及不足。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

继承：继承的本质就是原型链。

实现继承了几种方式：

1.构造函数继承：

function Parent1(){
    this.name = 'parent1';
}                                                                                                                                                                                                                                                                                                                                       Parent1.prototype.say = function(){ console.log('Parent1-say!')}
function Child1(){
    Parent1.call(this);    //call和apply方法都是用来转移上下文的(改变this的指向)，使调用call方法的函数的this指向它的参数（也就是这里的this），所以Child1拥有了name属性，并且它的值是‘parent1’。
    this.sex = 'man';        call和apply方法的作用完全相同，只是他们的第二个参数不同，call的参数必须一一列举出来，而apply的参数是一个数组，也可以用arguments代替。
}
var p1 = new Child1();

这种方式的缺点是不能继承父类原型链。

当我们给Parent1.prototype 添加属性或方法不会被Child1继承。

2.原型链继承：

function P1() {
    this.name = 'parent1';
    this.friends = [1, 2, 3];
}
C1.prototype= new P1;   如果不传参可以不写‘（）’
function C1() {
    this.sex = 'man';
}
var a1 = new C1, a2 = new C1;
console.log(a1, a2);
a1.friends.push(4);

我们在最后一行只是给a1实例对象的friends属性添加了4，但是打印出的a2的friends也拥有这个4，这是因为他们的原型对象都指向了P1的同一个实例对象。那么这就不能满足每个实例都是独立的这个思想。

3.组合方式继承：

function P1() {
    this.name = 'parent1';
    this.friends = [1, 2, 3];
}
C1.prototype= new P1;
function C1() {
    P1.call(this);
    this.sex = 'man';
}
var a1 = new C1, a2 = new C1;
console.log(a1, a2);
a1.friends.push(4);

这种方式虽然实现了每个实例之间相互隔离，但是执行了两次构造函数P1。

4.优化继承：

function P1() {
    this.name = 'parent1';
    this.friends = [1, 2, 3];
}
C1.prototype= P1.prototype;
C1.prototype.constructor = C1;
function C1() {
    P1.call(this);
    this.sex = 'man';
}
var a1 = new C1, a2 = new C1;
console.log(a1, a2);
a1.friends.push(4);

这种方式是最优化的继承方式。不仅继承了父类的原型链，同时也明确了自己的构造函数。