如何在 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