JavaScript 类

2025 年 1 月 7 日 | 阅读 3 分钟

在 JavaScript 中，类是特殊类型的函数。我们可以像声明函数和函数表达式一样定义类。

JavaScript 类在其主体中包含各种类成员，包括方法或构造函数。类在严格模式下执行。因此，包含静默错误或错误的无效代码将引发错误。

类语法包含两个组件

类声明
类表达式

类声明

可以使用类声明来定义类。`class` 关键字用于声明任何特定名称的类。根据 JavaScript 命名约定，类名始终以大写字母开头。

类声明示例

让我们看一个声明类的简单示例。

<script>
//Declaring class
class Employee
  {
//Initializing an object
    constructor(id,name)
    {
      this.id=id;
      this.name=name;
    }
//Declaring method
    detail()
    {
  document.writeln(this.id+" "+this.name+"<br>")
    }
  }
//passing object to a variable 
var e1=new Employee(101,"Martin Roy");
var e2=new Employee(102,"Duke William");
e1.detail(); //calling method
e2.detail();
</script>

输出

101 Martin Roy
102 Duke William

类声明示例：提升

与函数声明不同，类声明不是 JavaScript 提升的一部分。因此，在调用类之前必须声明它。

让我们看一个示例。

<script>
//Here, we are invoking the class before declaring it.
var e1=new Employee(101,"Martin Roy");
var e2=new Employee(102,"Duke William");
e1.detail(); //calling method
e2.detail();

//Declaring class
class Employee
  {
//Initializing an object
    constructor(id,name)
    {
      this.id=id;
      this.name=name;
    }
    detail()
    {
  document.writeln(this.id+" "+this.name+"<br>")
    }
  }
</script>

输出

类声明示例：重新声明类

类只能声明一次。如果我们尝试多次声明类，它将引发错误。

让我们看一个示例。

<script>
//Declaring class
class Employee
  {
//Initializing an object
    constructor(id,name)
    {
      this.id=id;
      this.name=name;
    }
    detail()
    {
  document.writeln(this.id+" "+this.name+"<br>")
    }
  }
//passing object to a variable 
var e1=new Employee(101,"Martin Roy");
var e2=new Employee(102,"Duke William");
e1.detail(); //calling method
e2.detail();
//Re-declaring class
class Employee
  {
  }
</script>

输出

类表达式

定义类的另一种方法是使用类表达式。在这里，不强制要求为类分配名称。因此，类表达式可以是命名的或匿名的。类表达式允许我们获取类名。但是，这在使用类声明时是不可能的。

匿名类表达式

类可以在不为其分配任何名称的情况下进行表达式。

让我们看一个示例。

<script>
var emp = class {
  constructor(id, name) {
    this.id = id;
    this.name = name;
  }
};
document.writeln(emp.name);
</script>

输出

emp

类表达式示例：重新声明类

与类声明不同，类表达式允许我们重新声明同一个类。因此，如果我们尝试多次声明类，它将引发错误。

<script>
//Declaring class
var emp=class 
  {
//Initializing an object
    constructor(id,name)
    {
      this.id=id;
      this.name=name;
    }
//Declaring method    
detail()
    {
  document.writeln(this.id+" "+this.name+"<br>")
    }
  }
//passing object to a variable 
var e1=new emp(101,"Martin Roy");
var e2=new emp(102,"Duke William");
e1.detail(); //calling method
e2.detail();

//Re-declaring class
var emp=class 
  {
//Initializing an object
    constructor(id,name)
    {
      this.id=id;
      this.name=name;
    }
    detail()
    {
  document.writeln(this.id+" "+this.name+"<br>")
    }
  }
//passing object to a variable 
var e1=new emp(103,"James Bella");
var e2=new emp(104,"Nick Johnson");
e1.detail(); //calling method
e2.detail();
</script>

输出

101 Martin Roy
102 Duke William
103 James Bella
104 Nick Johnson

命名类表达式示例

我们可以用特定名称来表达类。这里，类名的作用域仅限于类主体。使用 `class.name` 属性检索该类。

<script>
var emp = class Employee {
  constructor(id, name) {
    this.id = id;
    this.name = name;
  }
};
document.writeln(emp.name);
/*document.writeln(Employee.name);
Error occurs on console:
"ReferenceError: Employee is not defined
*/
</script>

输出

Employee

下一主题JS 注释

JavaScript 类

类声明

类声明示例

类声明示例：提升

类声明示例：重新声明类

类表达式

匿名类表达式

类表达式示例：重新声明类

命名类表达式示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 类

类声明

类声明示例

类声明示例：提升

类声明示例：重新声明类

类表达式

匿名类表达式

类表达式示例：重新声明类

命名类表达式示例

相关帖子

JavaScript static 方法

JavaScript 继承 (Inheritance)

JavaScript 抽象 (Abstraction)

JavaScript 封装 (Encapsulation)

JS 对象

JavaScript constructor 方法

JavaScript 原型 (Prototype)

JavaScript OOPS 类

JavaScript 多态 (Polymorphism)