TypeScript的学习和使用1

118 阅读2分钟

「这是我参与11月更文挑战的第3天,活动详情查看:2021最后一次更文挑战

简介

  • TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

基础的变了类型

  • 为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。

布尔值

- 最基本的数据类型就是简单的true/false值,类型名称是 boolean
  let isDone: boolean = false;

数字

 - 和JavaScript 几乎一样,只不过TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。
 
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d; 
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串

  • 和JavaScript一样。可以使用 "" , '' , `` 来声明
 let name: string = "zhangsan";
 let name: string = `zhangsan`;

数组

  • TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:
let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];

元组 Tuple

  • 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 stringnumber类型的元组。
let x: [string, number]; 
x = ['hello', 10];  //success
x = [10, 'hello']; // Error

枚举

  • enum类型是对JavaScript标准数据类型的一个补充。 像C#等其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。
enum Color {Red = 1, Green, Blue} ;
let c: Color = Color.Green; c = 2
  • 默认情况下,从0开始为元素编号。 你也可以手动的指定成员的数值。 例如,我们将上面的例子改成从 1开始编号。 或者,全部都采用手动赋值

enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;
  • 枚举类型提供的一个便利是你可以由枚举的值得到它的名字。 例如,我们知道数值为2,但是不确定它映射到Color里的哪个名字,我们可以查找相应的名字:
enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2]; console.log(colorName); // 显示'Green'因为上面代码里它的值是2