学习TS——随记
一、基础数据类型
1. Boolean布尔类型
let some: boolean = true;
2. Number数字类型
let some: number = 123;
3. String字符串类型
let some: string = "123";
对于多行文本和嵌入表达式,可用
``
包起来,用${}嵌入
var Myname = `My name is ${num+1} and how are ${you+1}`
4.Array数组类型
一种是在元素类型后面直接写[ ]
let some: number[] = [1,2,34];
一种是数组泛型
let some: Array<number> = [1,2,34];
5.Tuple元组类型
元组类型允许表示一个已知元素数量和类型的数组,各元素类型可以不一致,但是类型与元素要一一对应
let x: [string, number];
x = ['hello', 10]`; // OK`
x = [10, 'hello']; // Error
6.enum枚举类型
对js标准数据类型的补充,可以为一组数值赋予友好的名字。枚举类型中,从0开始编号,也可以手动指定成员的数值,也可以全部都赋值
enum Color {Red=1, Green, Blue}
let c: Color = Color.Green; //2 单个赋值
enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green; //2 全部赋值
7.Any类型
不确定类型,可能来自于动态内容,比如用户输入或第三方代码库,为了让它通过编译阶段的检测,可以为其使用any类型来标记
比如包含各种数据类型时
let list: any[] = [1,'22',true];
list[1] = 100; //ok
8.void类型
某种程度上是与any相反的,表示没有任何类型,而Any可以是任意类型。如当一个函数没有返回值时,通常返回值类型是void,声明一个void类型的变量只能为它赋值undefined和null
function warnUser(): void {
alert("This is my warning message");
}
9.Null 和 Undefined类型
两者各自有自己的类型,分别是undefined和null,默认情况下,这两个是所有类型的子类型
10.Never类型
表示用不存在的值的类型,是任何类型的子类型,也可以赋值给任何类型,但是没有类型是never的子类或者可以赋值给never(除了它本身),即使是any也不能
// 返回never的函数必须存在无法达到的终点
function error(message: string): never {
throw new Error(message);
}
// 推断的返回值类型为never
function fail() {
return error("Something failed");
}
二、类型断言
表示你清楚知道某个元素的类型,好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript会假设你,已经进行了必须的检查。
//第一种写法:尖括号
let some:any = "this is a string";
let length:number = (<string>some).length;
//第二种写法:as
let some:any = "this is a string";
let length:number = (some as string).length;
*(两种方法皆可,但是如果你在ts里使用JSX时,只能as起作用)