class 语法糖
class 本身就是函数
class MathHandle(){
constructor(x,y){
this.x = x
this.y = y
}
add(){
return this.x+this.y
}
}
const m = new MathHandle(1,2)
console.log(m.add(1,2))
js构造函数用法:
function MathHandle(x,y){
this.x = x;
this.y = y;
}
MathHandle.prototype.add = function(){
return this.x+this.y
}
const m = new MathHandle(1,2)
console.log(m.add(1,2))
构造函数 MathHandle
MathHandle.prototype.constructor === MathHandle
m.__proto__ === MathHandle.prototype
class 继承
class Animal{
constructor(name){
this.name = name
}
eat(){
console.log(`${this.name}eat`)
}
}
class Dog extends Animal{
constructor(name){
super(name)
this.name = name
}
say(){
console.log(`${this.name}say`)
}
}
const dog = new Dog('哈士奇')
dog.say()
dog.eat()
注意:class 后面跟extends 的写法一定要在constructor中吧super写上