What does class mean in javascript

In JavaScript, class means "class". The class keyword is used to define a template for a class. A class can be understood as a collection of groups with the same attributes and behaviors. The syntax is "class{ Set variables and methods}".

The operating environment of this tutorial: Windows 10 system, JavaScript version 1.8.5, Dell G3 computer.

What is the meaning of class in javascript

1. What is a class?

Here we can understand that a class is a collection of groups with the same attributes and behaviors. In es6, the concept of class was introduced for the first time, and the template of a class was defined by creating the class keyword.

2. Create a Class in js

class Number{
}

3. Implement the constructor, instance properties and instance methods of 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);

Effect display:

hh
1
2
hh
3
4

4, Class’s static properties and static methods

//构造方法
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);

Effect display:

1
hh
1
2
1
hh
3
4

5 , class inheritance

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

Effect display:

我是父亲
我是儿子
father

[Related recommendations: javascript learning tutorial]

The above is the detailed content of What does class mean in javascript. For more information, please follow other related articles on the PHP Chinese website!