JavaScript 在类(ES2015+)中的构造函数和方法声明

JavaScript 在类(ES2015+)中的构造函数和方法声明

在JavaScript的ES2015+版本中,类是用于创建对象的蓝图,它提供了一种以清晰有组织的方式定义对象的结构和行为的方式。类使用class关键字进行定义,它有两个主要部分:构造函数和方法。

构造函数声明: 类中的构造函数是在创建该类的对象时调用的特殊方法。构造函数用于初始化对象的属性并设置对象的初始状态。构造函数方法自动使用new操作符调用,并接收用于初始化对象属性的参数。

以下是关于JavaScript中构造函数的要点:

  • 构造函数使用constructor关键字定义,后面跟一组参数。
  • 通过使用new操作符创建对象时,构造函数将自动调用。
  • 构造函数可用于设置对象的初始状态,例如为属性设置默认值。
  • 在JavaScript中,构造函数不是必需的,如果一个类没有构造函数,则将使用默认构造函数,将对象的属性设置为它们的默认值。

    语法:

class ClassName {
   constructor(param1, param2, ...) {
       // constructor body
   }
}

示例1:

Javascript

// Define a class with a constructor 
class Student { 
    constructor(id, name) { 
        this.id = id; 
        this.name = name; 
    } 
  
    display() { 
        console.log("ID: " + this.id  
            + ", Name: " + this.name); 
    } 
} 
  
// Use the class to create an object 
let s = new Student(1001, "John Doe"); 
s.display();

输出:

ID: 1001, Name: John Doe

该代码定义了一个名为“Student”的类,该类具有一个构造函数,该构造函数接受两个参数:“id”和“name”。构造函数初始化了新实例的“id”和“name”属性。

该类还有一个名为“display”的方法,该方法将“id”和“name”属性记录到控制台。

定义完类后,使用“new”关键字和“id”和“name”值为1001和“John Doe”创建了“Student”类的一个实例。然后,在这个实例上调用“display”方法,该方法将输出“ID: 1001, Name: John Doe”记录到控制台。

这段代码展示了JavaScript中类和对象的使用,JavaScript是一种用于Web开发和其他应用的流行的面向对象编程语言。

示例2: 该示例描述了具有默认构造函数的类。

Javascript

// Define a class with a default constructor 
class Student { 
    constructor(id = 1001, name = "John Doe") { 
        this.id = id; 
        this.name = name; 
    } 
  
    display() { 
        console.log("ID: " + this.id  
            + ", Name: " + this.name); 
    } 
} 
  
// Use the class to create an object  
// without passing any arguments 
let s = new Student(); 
s.display();

输出:

ID: 1001, Name: John Doe

名为“Student”的类,其中包含一个不带参数的默认构造函数。默认构造函数将“id”属性初始化为1001,将“name”属性初始化为“John Doe”。

该类还具有一个名为“display”的方法,它将“id”和“name”属性记录到控制台。

使用“new”关键字创建一个“Student”类的实例,不带任何参数,这意味着调用默认构造函数。然后,在此实例上调用“display”方法,该方法将输出“ID: 1001, Name: John Doe”记录到控制台。

这段代码演示了JavaScript类的构造函数中使用默认参数的用法。默认参数提供了一种在创建类的实例时为构造函数参数定义默认值的方式,以防在创建实例时未提供这些参数。

方法声明: 在基于类的面向对象编程(OOP)中,方法声明是定义在类内部并在该类的实例上操作的函数。它们允许您定义类对象的行为,并提供了一种让对象与外部世界进行交互的方式。

要点:

  • 方法是在对象内部定义的函数。
  • 方法可以执行计算并修改对象的属性。
  • “this” 关键字指的是方法内的当前对象。
  • 可以使用对象的名称和方法的名称,用点号分隔,调用方法。

    语法:

objectName.methodName = function (param1, param2, ...) {
    // Method body
};

例子1: 定义一个带有方法的对象

Javascript

// Define an object with a method 
let student = { 
    id: 1001, 
    name: "John Doe", 
    display: function () { 
        console.log("ID: " + this.id  
            + ", Name: " + this.name); 
    } 
}; 
  
// Call the method 
student.display();

输出:

ID: 1001, Name: John Doe

这是一段JavaScript代码,定义了一个名为“student”的对象,该对象有两个属性“id”和“name”,以及一个名为“display”的方法。该“display”方法将“id”和“name”属性记录到控制台中。

该对象使用对象字面值表示法创建,这允许以简单和简洁的方式定义具有属性和方法的对象。

在定义对象后,调用“student”对象上的“display”方法,将输出“ID:1001,姓名:John Doe”记录到控制台中。

这段代码演示了JavaScript中对象和方法的使用。对象用于将相关的数据和函数组合在一起,而方法是与对象关联并可访问对象属性的函数。这是面向对象编程的基本概念,在Web开发和其他应用中广泛使用。

例子2: 定义一个具有方法的类

Javascript

// Define a class with a method 
class Student { 
    constructor(id, name) { 
        this.id = id; 
        this.name = name; 
    } 
  
    display() { 
        console.log("ID: " + this.id + ", Name: " + this.name); 
    } 
} 
  
// Use the class to create an object 
let s = new Student(1001, "John Doe"); 
s.display();

输出:

ID: 1001, Name: John Doe

这是一个JavaScript代码,定义了一个名为“Student”的类,它有一个构造函数,接受两个参数“id”和“name”。该类还有一个名为“display”的方法,将“id”和“name”属性记录到控制台。

使用“new”关键字和参数1001和“John Doe”创建了“Student”类的实例。然后,在该实例上调用了“display”方法,将输出“ID: 1001, Name: John Doe”记录到控制台。

这段代码演示了JavaScript中类和对象的使用。类提供了一种定义用于创建具有属性和方法的对象的蓝图的方式,而对象则是类的实例,具有自己的类属性的值。方法是可以访问和操作对象属性的函数。这是面向对象编程的基本概念,常用于Web开发和其他应用程序中。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程