javascript中class的意思是什么-Questions et réponses frontales-php.cn

在JavaScript中，class的意思是“类”，class关键字用于定义一个类的模板，类可以理解为是一个具有相同属性和行为的群体的集合，语法为“class{设置变量和方法}”。

javascript中class的意思是什么

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript中class的意思是什么

1、什么是类？

这里我们可以理解类是一个具有相同属性和行为的群体的集合。在es6中，首次引入了类的概念，通过创建class关键字来定义一个类的模板。

2、在js中实现创建一个Class

class Number{ }

Copier après la connexion

3、实现Class的构造方法、实例属性和实例方法

//构造方法 class Number{ //实例属性 constructor(id,age){ //this指向当前事件 this.id=id; this.age=age; } //实例方法 num(){ console.log("hh"); } } //实例化对象 var n1=new Number("1","2"); n1.num(1); console.log(n1.id); console.log(n1.age); var n2=new Number("3","4"); n2.num(2); console.log(n2.id); console.log(n2.age);

Copier après la connexion

效果展示：

hh 1 2 hh 3 4

Copier après la connexion

4、Class的静态属性和静态方法

//构造方法 class Number{ //静态属性调用一个方法 static ppp=1; //实例属性 constructor(id,age){ //this指向当前事件 this.id=id; this.age=age; console.log(Number.ppp) } //实例方法 num(){ console.log("hh"); }} //实例化对象 var n1=new Number("1","2"); n1.num(1); console.log(n1.id); console.log(n1.age); var n2=new Number("3","4"); n2.num(2); console.log(n2.id); console.log(n2.age);

Copier après la connexion

效果展示：

1 hh 1 2 1 hh 3 4

Copier après la connexion

5、类的继承

//父类 class Father{ //构造方法不能被继承 constructor(){ console.log("我是父亲"); this.name="father" } } //子类 class Son extend Father{ //执行子类构造方法之前必须先执行父类构造方法 constructor(){ super();//执行父类构造方法 console.log("我是儿子") } } var son=new Son; console.log(son.name)

Copier après la connexion

效果展示: