es6 之class介绍

Posted 2021-03-23 7ezreal

class

ECMAScript 2015 中引入的 javascript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。类语法不会为JavaScript引入新的面向对象的继承模型。

类声明：
定义一个类的一种方法是使用一个类声明。要声明一个类，你可以使用带有class关键字的类名

class food {
constructor(price) {
this.price = price
}
}

类表达式：
与函数声明不同的是，类声明不会出现类提升，而函数声明会提升，所以在使用过程中要先声明class类，在通过new的形式应用它。

class类也可以采用表达式的方式定义

let food = class {
constructor(price) {
this.price = price
}
}
or
let food = class food{
constructor(price) {
this.price = price
}
}

类声明和类表达式的主体都执行在严格模式，在另一方面这也可以规范开发者的代码书写格式

构造函数：
constructo，其用于创建和初始化使用class创建的一个对象，一个类只能拥有一个constructor，一个构造函数可以使用super关键字来调用一个父类的构造函数

原型方法：
class food {
constructor（price,num）{
this.price = price;
this.num - num;
},
get sum(){
return this.calcsum()
}
calcsum(){
return this.price * this.num;
}
}