es5和es6中怎么声明一个类

Posted bobo2404

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es5和es6中怎么声明一个类相关的知识,希望对你有一定的参考价值。

//es5

let Animal = function(type){

   this.type = type

}

Animal.prototype.eat = function (){

   console.log(‘eat food‘)

}

let dog = new Animal(‘dog‘)

let monkey = new Animal(‘monkey‘)

monkey.constructor.prototype.eat = function (){

   console.log(‘eating‘)

}

dog.eat()

monkey.eat()

//es6

class Animal{

   constructor(type){

      this.type = type

   }

   eat(){

       console.log(‘eating‘)

   }

}

let dog = new Animal(‘dog‘)

let monkey = new Animal(‘monkey‘)

console.log(dog)

console.log(monkey)

dog.eat()

monkey.eat()

语法糖:语法不同,效果一样

以上是关于es5和es6中怎么声明一个类的主要内容,如果未能解决你的问题,请参考以下文章

ES6和ES5变量声明的区别(var let const)

重学ES6:ES5和ES6中Class类的相同与不同

ES6类文字中的IIFE

ES6语法

es6总结

ES6学习笔记二 新的声明方式和变量的解构赋值!