Dotcpp  >  编程教程  >  JavaScript函数  >  JS类的概念

JS类的概念

点击打开在线编译器,边学边练

在JS中还有除了函数以外的另外一大概念——类。

在JavaScript中,通过定义类(Class)来创建对象,利用类可以定义对象的属性和方法,实现面向对象编程的特性。

JavaScript的类定义使用关键字class,并且具有构造函数、原型方法和静态方法等特性。通过定义类,可以创建多个实例对象,并对其进行操作和调用相应的方法。

例如,以下是一个简单的JavaScript类的示例:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    console.log(Hello, my name is ${this.name} and I'm ${this.age} years old.);
  }
 
  static greet() {
    console.log('Hello, www..dotcpp.com!');
  }
}
const person1 = new Person('dotcpp', 25);
person1.sayHello();  // 输出:Hello, my name is dotcpp and I'm 25 years old.
Person.greet();     // 输出:Hello, www..dotcpp.com!

每个类中包含了一个特殊的方法 constructor(),它是类的构造函数,这种方法用于创建和初始化一个由 class 创建的对象。

在上述示例中,定义了一个名为Person的类,拥有name和age属性以及sayHello和greet方法。通过使用new关键字可以创建Person类的实例对象,并调用其方法。

类的使用

通过定义类和创建对象实现代码的模块化和重用。以下是一个简单的使用类的示例:

// 创建一个Person类
class Person {
  // 构造函数
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  // 实例方法
  sayHello() {
    console.log(Hello, my name is ${this.name} and I'm ${this.age} years old.);
  }
}
// 创建Person类的实例
const person1 = new Person('Dotcpp', 25);
// 调用实例方法
person1.sayHello(); // 输出:Hello, my name is Dotcpp and I'm 25 years old.

在上述示例中,使用class关键字定义了一个名为Person的类,该类拥有一个构造函数和一个实例方法。通过使用new关键字可以创建Person类的实例对象,并调用其方法。

构造方法

构造方法是在创建类的实例时自动调用的特殊方法,用于初始化类的属性和执行必要的设置操作。在JavaScript中,构造方法使用constructor关键字定义。

下面是一个示例,展示如何在类中定义构造方法:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
const person1 = new Person('dotcpp', 25);
console.log(person1.name); // 输出:dotcpp
console.log(person1.age); // 输出:25

在上述示例中,Person类的构造方法接受两个参数 name 和 age,然后将它们分别赋值给对象的 name 属性和 age 属性。通过 new 关键字创建 Person 类的实例 person1,并可以通过访问其属性来获取构造方法中设置的值。

需要注意的是,一个类只能有一个构造方法。如果没有显式定义构造方法,JavaScript会提供一个默认的构造方法。

class ClassName {
  constructor() { ... }
   methods_1() { ... }
   methods_2() { ... }
   methods_3() { ... }
}

构造方法在创建对象时非常有用,因为它可以确保对象在被实例化时处于正确的初始状态,并且可以使用传入的参数对对象进行自定义设置。

当然,在实际使用中,类还有很多其他的用法和特性,如继承、静态方法等,具体可以根据需求进行学习和使用。



本文固定URL:https://www.dotcpp.com/course/1326

上一课:

JS函数常见内置方法

下一课:

JS类方法

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)