ES6 如何创建一个JavaScript类
类描述了属于它的对象的内容:它描述一组数据字段(称为实例变量)并定义对这些字段的操作(称为方法)。换句话说,它也被定义为包含对象数据类型和一些方法的集合或组。您可以使用一个预定义的关键字class在类名之前来创建一个JavaScript类。我们将在下面给您展示一些示例来说明它的工作原理。
让我们来看一下以下语法部分,它说明了如何在JavaScript中声明一个类:
语法:
class class_name {
// body of the class
// Here methods and object data types could be defined...
}
通过使用new关键字并调用该类的构造函数(在对象实例化时),可以创建一个类的对象。可以使用预定义的关键字constructor声明构造函数。构造函数可以是任何类型,例如默认构造函数和带参数的构造函数。正如我们在这里所看到的,我们使用构造函数来初始化和声明变量。然而,每个类只能有一个构造函数,它可以是带参数或默认的,并且进一步注意的一点是构造函数没有任何返回类型。
语法:
class name {
constructor(a, b, c) {
// Initialize the class variable
}
}
示例1:
JavaScript
class Geeks {
// Constructor
constructor(num1, num2) {
console.log("Inside Constructor");
// Initialize class variable
this.num2 = num2;
this.num1 = num1;
}
}
// Initialize the class object
let obj = new Geeks(1, 2);
console.log(obj.num1);
console.log(obj.num2);
输出:
Inside Constructor
1
2
示例2:
JavaScript
class Geeks {
constructor(num1, num2) {
this.num2 = num2;
this.num1 = num1;
}
add() {
console.log(
this.num1 + "+" + this.num2 +
"=" + (this.num1 + this.num2));
}
}
let obj = new Geeks(1, 2);
obj.add();
输出结果:
1+2=3