JS中继承的写法
2019-07-15 本文已影响0人
成成成汤
继承的两种写法
i.Prototype 写法
function Human(name){
this.name = name;
}
Human.prototype.run = function
console.log("我叫"+this.name+", 我在跑")
return undefined
}
function Man(name){
Human.call(this.name)
this.gender = '男'
}
var f = function(){
f.prototype = Human.prototype
Man.prototye = new f()
Man.prototype.fight = function(){
console.log('糊你熊脸')
}
}
ii.Class写法
class Human {
constructor(name){
this.name = name
}
run(){
console.log("我叫"+this.name+", 我在跑")
return undefined
}
}
class Man extends Human{
constructor(name){
supper(name)
this.gender = '男'
}
fight(){
console.log('糊你熊脸')
}
}
iii.两种方法的区别
两种方法都能实现继承,本质上ES6继承是ES5继承的语法糖,会更简单些,但是假如要添加一个非函数的属性,比如“种族:人类”。
那么用 ES5 的方法会更方便操作,可以直接添加:
Human.prototype.种族 = '人类'
在 ES6 中只能用一种变通的方法来实现:
class Human {
constructor(name){
this.name = name
}
run(){
console.log("我叫"+this.name+", 我在跑")
return undefined
}
get 种族(){
return '人类'
}
}