JavaScript声明一个Class

    选择打赏方式

在ES5与ES6中class其实背后的原理是一样的

我们先看Es5是如何定义一个class的

// 首先我们先定义一个动物类
let Animal = function (type) {
    this.type = type
}
// 因为有些方法是动物们共有的属性那么我们定义一个原型方法
Animal.prototype.eat = function () {
    console.log('吃')
}
// 实例化对象
let dog = Animal('dog')
let monkey = Animal('monkey')
// 打印
console.log(dog)
console.log(monkey)
// Animal {type: "dog"}
// lesson2.js:15 Animal {type: "monkey"}
// 如果我们需要修改原型链上面的方法呢?
// 我们可以随便找一个实例
monkey.constructor.prototype.eat = function() {
    console.log('不吃')
}
下面我们在ES6中声明一个class

class Animal{
    constructor(type) {
        this.type = type
    }
    eat() {
        console.log('吃')
    }
}
// 实例化
let dog = new Animal('dog')
let mokey = new Animal('monkey')

版权声明:若无特殊注明,本文皆为《 张宇童 》原创,转载请保留文章出处。
本文链接:JavaScript声明一个Class https://www.zyt8.cn/h/192.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!