TypeScript 类

17 Mar 2025 | 4 分钟阅读

在像 Java 这样的面向对象编程语言中，类是用于创建**可重用**组件的基本实体。它是一组具有共同属性的对象。在面向对象编程方面，一个类是创建对象的**模板**或**蓝图**。它是一个逻辑实体。

一个类的定义可以包含以下属性

**字段：** 它是在类中声明的变量。
**方法：** 它代表对象的一个动作。
**构造函数：** 它负责初始化内存中的对象。
**嵌套类和接口：** 意味着一个类可以包含另一个类。

TypeScript 是一种面向对象的 JavaScript 语言，因此它支持面向对象编程的特性，如类、接口、多态、数据绑定等。JavaScript **ES5** 或**早期版本**不支持类。TypeScript 从 **ES6** 及**更高版本**开始支持此功能。TypeScript 具有**内置**支持，可使用类，因为它基于 JavaSript 的 ES6 版本。如今，许多开发人员使用基于类的面向对象编程语言并将它们编译成 JavaScript，这适用于所有主流浏览器和平台。

声明类的语法

一个 class 关键字用于在 TypeScript 中声明一个类。我们可以使用以下语法创建一个类

class <class_name>{  
    field;  
    method;  
}

示例

class Student {
    studCode: number;
    studName: string;

    constructor(code: number, name: string) {
            this.studName = name;
            this.studCode = code;
    }

    getGrade() : string {
        return "A+" ;
    }
}

TypeScript 编译器将上述类转换为以下 JavaScript 代码。

var Student = /** @class */ (function () {
    function Student(code, name) {
        this.studName = name;
        this.studCode = code;
    }
    Student.prototype.getGrade = function () {
        return "A+";
    };
    return Student;
}());

创建类的对象

一个类通过使用 **new** 关键字后跟 **类名** 来创建一个对象。new 关键字在运行时为对象创建分配内存。所有对象都在堆内存区域中获取内存。我们可以按如下方式创建一个对象。

语法

**new 关键字：** 它用于在内存中实例化对象。
表达式的右侧调用构造函数，该函数可以传递值。

示例

//Creating an object or instance   
let obj = new Student();

对象初始化

对象初始化意味着将数据存储到对象中。有三种方法可以初始化一个对象。这些是

1. 通过引用变量

示例

//Creating an object or instance   
let obj = new Student();

//Initializing an object by reference variable
obj.id = 101;
obj.name = "Virat Kohli";

2. 通过方法

方法类似于用于公开对象行为的函数。

方法的优点

代码重用性
代码优化

示例

//Defining a Student class.
class Student { 
    //defining fields  
    id: number;
    name:string;

    //creating method or function 
    display():void { 
        console.log("Student ID is: "+this.id) 
        console.log("Student ID is: "+this.name) 
    } 
} 

//Creating an object or instance   
let obj = new Student();
obj.id = 101;
obj.name = "Virat Kohli";
obj.display();

输出

3. 通过构造函数

构造函数用于**初始化**一个对象。在 TypeScript 中，构造函数方法始终使用名称“**constructor**”定义。在构造函数中，我们可以使用 **this** 关键字访问类的成员。

注意：并非总是在类中需要一个构造函数。

示例

//defining constructor 
constructor(id: number, name:string) { 
    this.id = id;
    this.name = name;
}  

带构造函数、方法和对象的示例

//Defining a Student class.
class Student { 
    //defining fields  
    id: number;
    name:string;
   
    //defining constructor 
   constructor(id: number, name:string) { 
       this.id = id;
       this.name = name;
   }  
   
   //creating method or function 
   display():void { 
      console.log("Function displays Student ID is: "+this.id) 
      console.log("Function displays Student ID is: "+this.name) 
   } 
} 

//Creating an object or instance   
let obj = new Student(101, "Virat Kohli")

//access the field 
console.log("Reading attribute value of Student as: " +obj.id,)
console.log("Reading attribute value of Student as: " +obj.name)

//access the method or function
obj.display()

输出

没有构造函数的示例

//Defining a Student class.
class Student { 
    //defining fields  
    id: number;
    name:string;
} 

//Creating an object or instance   
let obj = new Student();

// Initializing an object
obj.id = 101;
obj.name = "Virat Kohli";

//access the field 
console.log("Student ID: " +obj.id,);
console.log("Student Name: " +obj.name);

输出

数据隐藏

这是一种用于隐藏内部对象细节的技术。一个类可以控制其数据成员对其他类成员的可见性。这种能力被称为封装或数据隐藏。OOPs 使用访问修饰符的概念来实现封装。访问修饰符定义了类数据成员在其定义类之外的可见性。

TypeScript 支持三种类型的访问修饰符。这些是

要阅读有关访问修饰符的更多信息，请单击此处。

下一个主题TypeScript 继承

← 上一个下一个 →

TypeScript 类

声明类的语法

示例

创建类的对象

对象初始化

1. 通过引用变量

2. 通过方法

3. 通过构造函数

注意：并非总是在类中需要一个构造函数。

数据隐藏

联系信息

关注我们

教程

面试题

在线编译器

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

TypeScript 教程

差异

面试题

TypeScript 类

声明类的语法

示例

创建类的对象

对象初始化

1. 通过引用变量

2. 通过方法

3. 通过构造函数

注意： 并非总是在类中需要一个构造函数。

数据隐藏

相关帖子

Typescript forEach

TypeScript 数组

TypeScript 箭头函数

TypeScript 组件

TypeScript 第一个程序

TypeScript Switch 语句

Typescript 装饰器

TypeScript 无限循环

TypeScript 运算符

函数重载

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器

注意：并非总是在类中需要一个构造函数。