笔记：js继承（含es6方法）

最新推荐文章于 2025-06-05 23:59:04 发布

原创最新推荐文章于 2025-06-05 23:59:04 发布 · 348 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js继承

本文深入解析了JavaScript中ES5和ES6的继承实现方法。ES5通过原型链、借用构造函数及组合继承等方式实现，而ES6则引入了更简洁的class语法。详细对比了不同继承方式的特点和应用场景。

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

js继承实现方式主要分为es5和es6，先说一下es5的继承方法_(:з」∠)_

首先es5的继承主要是通过prototype来实现，具体有三种方法
举个栗子：比方说有两个类A和B，问B怎么样继承A
第一种：原型链继承，也就是B.prototype=new A（）
第二种：借用构造函数继承

function B(name,age){
	A.call(this,name,age)
}

第三种：组合继承（其实就是把前两种继承方式结合起来

es6继承

es6是目前比较新且主流的继承方式，因为小女子才识浅薄所以只能写一个大概，如果哪里不对的话希望各位大佬指出来orz

//创建A类
class A{
	constructor(){
		//这里构造函数代码，new的时候自动执行
	}
	方法1(//A类的方法)
	方法2(//A类的方法)
}
//创建B类并继承A类
class B extends A{
	constructor(){
		super()//这里表示父类
	}
}
//最后实例化B
var b=new B()
b.方法1()