TypeScript的class关键字

简介: TypeScript的class关键字

TypeScript在构造函数参数中使用public是一种简写形式,它将自动创建具有该名称的属性:


class Student {

   fullName: string;

   constructor(public firstName, public middleInitial, public lastName) {

       this.fullName = firstName + " " + middleInitial + " " + lastName;

   }

}


interface Person {

   firstName: string;

   lastName: string;

}


function greeter(person : Person) {

   return "Hello, " + person.firstName + " " + person.lastName;

}


var user = new Student("Jane", "M.", "User");


document.body.innerHTML = greeter(user);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

命令行tsc 1.ts编译成的JavaScript:


var Student = /** @class */ (function () {

   function Student(firstName, middleInitial, lastName) {

       this.firstName = firstName;

       this.middleInitial = middleInitial;

       this.lastName = lastName;

       this.fullName = firstName + " " + middleInitial + " " + lastName;

   }

   return Student;

}());

function greeter(person) {

   return "Hello, " + person.firstName + " " + person.lastName;

}

var user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

运行时效果:

image.pngimage.png

目录
相关文章
|
3月前
|
JavaScript 前端开发
TypeScript 中的 infer 关键字
TypeScript 中的 infer 关键字
72 0
|
3月前
|
JavaScript 前端开发 Java
TypeScript 接口之class接口定义
TypeScript 接口之class接口定义
55 2
|
3月前
|
存储 JavaScript 前端开发
TypeScript 5.2 beta 浅析:新的关键字 using 与新版装饰器元数据
TypeScript 5.2 beta 浅析:新的关键字 using 与新版装饰器元数据
|
2月前
|
JavaScript 存储
25.【TypeScript 教程】infer 关键字
25.【TypeScript 教程】infer 关键字
23 2
|
2月前
|
JavaScript 前端开发 开发者
10.【TypeScript 教程】类(Class)
10.【TypeScript 教程】类(Class)
18 2
|
2月前
|
JavaScript
24.【TypeScript 教程】is 关键字
24.【TypeScript 教程】is 关键字
25 0
|
10月前
|
安全
TypeScript-infer关键字和TypeScript-unknown类型
TypeScript-infer关键字和TypeScript-unknown类型
36 0
|
12月前
|
JavaScript 前端开发 程序员
TypeScript--类(class)
TypeScript--类(class)
|
JavaScript
TypeScript 类(class)与修饰符的详细使用
TypeScript 类(class)与修饰符的详细使用
110 0
|
JavaScript
【typescript入门手册】class 类
【typescript入门手册】class 类