TypeScript 基础类型

TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了枚举类型。

布尔值(boolean)

let isDone: boolean = false;

也可这样写

let isDone: boolean = Boolean(1)

但是需要注意,一下写法返回的是 Boolean 对象,非 boolean 类型

let isDone: Boolean = new Boolean(1)

可通过 .valueOf() 方法获取实际的 boolean 类型

数字(number)

和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串(string)

可使用双引号(")或单引号(')表示字符串。

let name: string = "bob";
name = "smith";

还可使用模板字符串,来定义多行文本ho或内嵌表达式,使用(`)包围,并以 ${expr} 嵌入表达式。

let name: string = `Gene`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ name }.
I'll be ${ age + 1 } years old next month.`;

数组(Array)

let list: number[] = [1, 2, 3];

数组泛型

let list: Array<number> = [1, 2, 3];

元组(Tuple)

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string和number类型的元组。

// Declare a tuple type
let x: [string, number];
// Initialize it
x = ['hello', 10]; // OK

当访问一个已知索引的元素,会得到正确的类型。

console.log(x[0].substr(1)); // OK

枚举(enum)

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

默认情况下,从0开始为元素编号。 你也可以手动的指定成员的数值。 例如,我们将上面的例子改成从 1开始编号:

enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;

或者,全部都采用手动赋值:

enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;

通过枚举值获取枚举的名称。

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];

console.log(colorName);  // 显示'Green'因为上面代码里它的值是2

任意值(any)

已声明类型的普通类型,在代码执行过程中,不允许改变类型。

let myFavoriteNumber: string = 'seven';
myFavoriteNumber = 7;

// index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'.

如果定义为 any 类型,则可更改变类型。

let myFavoriteNumber: any = 'seven';
myFavoriteNumber = 7;

声明一个变量为任意值之后,对它的任何操作,返回的内容的类型都是任意值。

无返回值(void)

一般用于 function 无返回值情况。

function warnUser(): void {
    console.log("This is my warning message");
}

此类型用于变量什么无实际意义,因为你只能为它赋予 undefined 和 null。

let u: void;
let num: number = u;

// Type 'void' is not assignable to type 'number'.

Null 和 Undefined

默认情况下 null 和 undefined 是所有类型的子类型。 就是说你可以把 null 和 undefined 赋值给 number 类型的变量

let u: undefined = undefined;
let n: null = null;
let num: number = undefined;
let u: undefined;
let num: number = u;

Object

object 表示非原始类型,也就是除 number,string,boolean,symbol,null 或 undefined 之外的类型。

使用 object 类型,就可以更好的表示像 Object.create 这样的 API。例如:

declare function create(o: object | null): void;

create({ prop: 0 }); // OK
create(null); // OK

create(42); // Error
create("string"); // Error
create(false); // Error
create(undefined); // Error

类型断言

清楚的知道一个变量的值,可使用类型断言。

通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript 会假设你,程序员,已经进行了必须的检查。

let someValue: any = "this is a string";

let strLength: number = (<string>someValue).length;

等价写法(as 语法),当你在TypeScript里使用JSX时,只有 as语法断言是被允许的。

let someValue: any = "this is a string";

let strLength: number = (someValue as string).length;
posted @ 2021-08-10 10:29  时光丶巷陌  阅读(231)  评论(0编辑  收藏  举报