📜  如何在 Typescript 中使用类语法?

📅  最后修改于: 2022-05-13 01:56:17.731000             🧑  作者: Mango

如何在 Typescript 中使用类语法?

课程: class 关键字是在 ES2015 中引入的。 TypeScript 完全支持 'class' 关键字。类是创建对象的模板。类是用户定义的数据类型,它具有数据成员和成员函数。数据成员是数据变量,成员函数是用于操作这些变量的函数,这些数据成员和成员函数一起定义了类中对象的属性和行为。

句法:

class class_name {
  field;
  methods;
}

在上面的 TypeScript 类语法中,我们只使用 class 关键字和 class_name(您可以根据自己的选择或根据 camelCase 为类指定任何名称)并使用花括号来定义字段(变量)和方法(函数)。

示例 1:在下面的示例中,我们创建类 (Gfg) 并声明字段以及构造函数和函数或方法,并通过创建该 Gfg 类的对象,我们通过该对象访问字段和方法。

Javascript
class Gfg {
    // Fields
    gfgid: number;
    gfgrole: string;
  
    // Constructor call
    constructor(id: number, role: string) {
        this.gfgid = id;
        this.gfgrole = role;
    }
  
    // Method
    getGrade(): string {
        return "Employee track record is A+";
    }
}
  
const gf = new Gfg(10, "front-end developer");
console.log(`Id of gfg employee is :${gf.gfgid}`);
console.log(`role of gfg employee is :${gf.gfgrole}`);
gf.getGrade();


Javascript
class Geeks{
     getName() : void {
        console.log("Hello Geeks");
    }
}
  
const ad = new Geeks()
ad.getName();


输出:

Id of gfg employee is : 10
role of gfg employee is : front-end developer
Employee track record is A+

该示例声明了一个 Gfg 类,该类具有两个字段 gfgid 和 gfgrole 以及一个构造函数,该构造函数是负责变量或对象初始化的特殊类型的函数。这里是参数化构造函数(已经有参数)。而 this 关键字指的是类的当前实例。 getGrade() 是一个返回字符串的简单函数。

示例 2:在下面的示例中,我们创建 Geeks 类并声明函数或方法,并通过创建该 Geeks 类的对象,我们通过该对象访问类的方法。

Javascript

class Geeks{
     getName() : void {
        console.log("Hello Geeks");
    }
}
  
const ad = new Geeks()
ad.getName();

输出:

Hello Geeks

参考: https://www.typescriptlang.org/docs/handbook/classes.html