es5中怎么声明一个类，es6 中又是怎么声明类的

最新推荐文章于 2023-10-27 00:01:00 发布

wanglicc

最新推荐文章于 2023-10-27 00:01:00 发布

阅读量401

点赞数

CC 4.0 BY-SA版权

分类专栏： es6

本文链接：https://blog.youkuaiyun.com/wanglicc/article/details/104360851

es6 专栏收录该内容

3 篇文章

订阅专栏

本文通过实例对比了ES5使用构造函数创建对象与ES6使用class关键字创建对象的区别，展示了两种不同方式下对象原型链的修改及方法调用的差异。

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

es5

let Animal = function(type){
    this.type = type
}
Animal.prototype.eat=function(){
    console.log('like eat food')
}
var dog = new Animal("dog");
var mok = new Animal("mok");
console.log(dog);
console.log(mok)
mok.constructor.prototype.eat = function(){
    console.log("haihai1")
}
dog.eat()
mok.eat()

es6

class Animal{
constructor(type){
    this.type = type
}
eat(){
    console.log('eat')
}

}
var dog = new Animal("dog");
var mok = new Animal("mok");
dog.eat()
mok.eat()
```javascript
class Animal{
constructor(type){
    this.type = type
}
eat(){
    console.log('eat')
}

}
var dog = new Animal("dog");
var mok = new Animal("mok");
dog.eat()
mok.eat()