js的继承实现(ES5,ES6)

ES5:通过原型链实现继承
通过原型实现继承,最简单的方法就是

SubClass.Prototype = new SuperClass()

但是这种方式有一个弊端,就是会丢失SubClass.Prototype上的原有constructor
constructor 属性是创建实例对象的函数的引用,我们可以通过constructor属性验证实例的原始属性
通过Subclass.Prototype.constructor = SubClass可以解决,但是这样也有问题
这样会导致Subclass.Prototype上所有属性都是可枚举的,包括constructor
所以要用Object.defineProperties()进一步优化
操作如下:

Object.defineProperty(SubClass.Prototype,"constructor",{
	enumerable: false,
	value: SubClass,
	writable: true
})

配置对象的属性api Object.defineProperty()参考
https://dwz.cn/hAGc8tuM

ES6:通过class实现继承

class Person(){
	constructor(name){
		this.name = name
	}
}

class Ninja extends Person{
	//	构造函数
	constructor(name, weapon){
		super(name)
		this.weapon = weapon
	}
	// 每个实例均可访问的方法
	swingSword(){
		return true
	}
	//	静态方法
	static compare(ninja1, ninja2){

	}
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值