JavaScript 中有哪些方法可以具体实现对象继承?

更新于
2026-07-26 12:00:48
14阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计885个文字,预计阅读时间需要4分钟。

JavaScript 中有哪些方法可以具体实现对象继承?

非ES6代码实现继承的主流方式主要可以分为以下几种:

1. 构造函数继承

2.原型链继承

3.构造函数继承 + 原型链继承组合

4.组合继承 + 原型链继承组合

5.在组合继承上衍生出的继承方式

构造函数继承(借助call实现):

javascript

function Parent(name) { this.name=name; this.colors=[red, blue, green];}

Parent.prototype.sayName=function() { console.log(this.name);};

function Child(name, age) { Parent.call(this, name); this.age=age;}

var child1=new Child(Tom, 20);child1.colors.push(black);console.log(child1.colors); // [red, blue, green, black]child1.sayName(); // Tom

非ES6代码实现继承的主流方式主要可以分为:
构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。

阅读全文

本文共计885个文字,预计阅读时间需要4分钟。

JavaScript 中有哪些方法可以具体实现对象继承?

非ES6代码实现继承的主流方式主要可以分为以下几种:

1. 构造函数继承

2.原型链继承

3.构造函数继承 + 原型链继承组合

4.组合继承 + 原型链继承组合

5.在组合继承上衍生出的继承方式

构造函数继承(借助call实现):

javascript

function Parent(name) { this.name=name; this.colors=[red, blue, green];}

Parent.prototype.sayName=function() { console.log(this.name);};

function Child(name, age) { Parent.call(this, name); this.age=age;}

var child1=new Child(Tom, 20);child1.colors.push(black);console.log(child1.colors); // [red, blue, green, black]child1.sayName(); // Tom

非ES6代码实现继承的主流方式主要可以分为:
构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。

阅读全文