TypeScript基本数据类型|青训营笔记

60 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第17天

基础类型

布尔

 let isDone: boolean = false;        

数字

 let decLiteral: number = 6; 
 let hexLiteral: number = 0xf00d;    //十六进制
 let binaryLiteral: number = 0b1010;
 let octalLiteral: number = 0o744;

字符串

单引号或者双引号

 let name: string = "bob";   

模板字符串

 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.`;

数组

  • 在元素类型后面接上 [],表示由此类型元素组成的一个数组
 let list: number[] = [1, 2, 3];
  • 使用数组泛型,Array<元素类型>
 let list: Array<number> = [1, 2, 3];

元组

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同

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

枚举

enum类型是对JavaScript标准数据类型的一个补充。

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

Object

object表示除numberstringbooleansymbolnullundefined之外的类型。

 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

Any

为编程阶段不清楚类型的变量指定一个类型,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。

 let notSure: any = 4;
 notSure = "maybe a string instead";
 notSure = false; // okay, definitely a boolean

它与Object类型类似,但是Object类型的变量只允许赋给它任意值,但是却不能在上面调用任意方法,即使它有这些方法。

 let notSure: any = 4;
 notSure.ifItExists(); // okay, ifItExists might exist at runtime
 notSure.toFixed(); // okay, toFixed exists (but the compiler doesn't check)
 ​
 let prettySure: Object = 4;
 prettySure.toFixed(); // Error: Property 'toFixed' doesn't exist on type 'Object'.

Void

Void表示没有任何类型,与any相反,比如当一个函数没有返回值时。只有undefinenull可以赋值。

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

Null 和 Undefined

默认情况下nullundefined是所有类型的子类型,以把 nullundefined赋值给number类型的变量。

 // Not much else we can assign to these variables!
 let u: undefined = undefined;
 let n: null = null;

Never

never类型表示的是那些永不存在的值的类型,例如总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型;或者永不为真的变量类型。

 function error(message: string): never {
     throw new Error(message);
 }
 ​
 // 推断的返回值类型为never
 function fail() {
     return error("Something failed");
 }
 ​
 // 返回never的函数必须存在无法达到的终点
 function infiniteLoop(): never {
     while (true) {
     }
 }

类型断言

通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。类似于类型转换,但是不进行特殊的数据检查和解构。有两种形式:

  • 尖括号写法:
 let someValue: any = "this is a string";
 ​
 let strLength: number = (<string>someValue).length;
  • as写法(JSX只支持此种写法)
 let someValue: any = "this is a string";
 ​
 let strLength: number = (someValue as string).length;