ES6 如何创建一个JavaScript类

ES6 如何创建一个JavaScript类

类描述了属于它的对象的内容:它描述一组数据字段(称为实例变量)并定义对这些字段的操作(称为方法)。换句话说,它也被定义为包含对象数据类型和一些方法的集合或组。您可以使用一个预定义的关键字class在类名之前来创建一个JavaScript类。我们将在下面给您展示一些示例来说明它的工作原理。

让我们来看一下以下语法部分,它说明了如何在JavaScript中声明一个类:

语法:

class class_name {
    // body of the class
    // Here methods and object data types could be defined...
}
JavaScript

通过使用new关键字并调用该类的构造函数(在对象实例化时),可以创建一个类的对象。可以使用预定义的关键字constructor声明构造函数。构造函数可以是任何类型,例如默认构造函数和带参数的构造函数。正如我们在这里所看到的,我们使用构造函数来初始化和声明变量。然而,每个类只能有一个构造函数,它可以是带参数或默认的,并且进一步注意的一点是构造函数没有任何返回类型。

语法:

class name {
   constructor(a, b, c) {
     // Initialize the class variable
   }
}
JavaScript

示例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);
JavaScript

输出:

Inside Constructor
1
2
JavaScript

示例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();
JavaScript

输出结果:

1+2=3
JavaScript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册