[JavaScript知识库]TypeScript 相关

TypeScript

TypeScript 的类型

• string
• number
• boolean
  true 、false
• 字面量

let a:10;
a = 10;
// 可以使用 | 来连接多个类型 ———— 联合类型
let b:"xiaoxi" | "xiaowen";
b = "xiaoxi";
b = "xiaowen"

• any
  any 表示的是任意类型，一个变量设置类型为 any 后相当于对该变量关闭了 TS 的类型检测 声明变量如果不指定类型，则 TS 解析器会自动判断变量的类型为 any
  不建议使用 any 类型

let d:any;
d = 10;
d = "xiaoxi";
d = true;

• unknown
  表示未知类型的值 unknown 实际上就是一个类型安全的 any unknown 类型的变量，不能直接赋值给其他变量

let e:unknown;
e = 10;
e = "hello";
e = true;

补充: 类型断言 —— 可以用来告诉解析器变量的实际类型

/*
 * 语法:
 * 	变量 as 类型
 * 	<类型>变量
*/

s = e as string;
s = <string> e;

• void
  用来表示空，以函数为例，就表示满意返回值的函数

function fn():void{
}

• never
  表示永远没有返回结果

function fn():never{
	throw new Error('报错了！')
}

• object

/* 
* { } 用来指定对象中可以包含哪些属性
* 语法： {属性名:属性值,属性名:属性值}
* 在属性名后面加上 ? ,表示属性是可选的
*/ 

let b: {
    name: string
};
b = { name: '小希'};

let b: {
    name: string,age?:number
};
b = { name: '小希',age:18};

// [propName:string]:any 表示任意类型的属性
let c:{name:string,[propName:string]:any}
c = {name:'xiaoxi',age:18,love:'beijing'}

补充 ：

/**
 * 设置函数结构的类型声明：
 *      语法：(形参:类型,形参:类型...) => 返回值
 */
 
let d (a: number, b: number) => number;
d = function (xi: 10, wen: 11): number {
    return 19;
}

• array

/*
* 数组的类型声明:
* 	类型[]
* 	Array<类型>
*/

// string[] 表示字符串数组
let e: string[];
e = ['a','b','c'];

// number[] 表示数值数组
let f: number[];
f = [1,2,3];

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

• tuple

/**
 * 元祖，元祖就是固定长度的数组
 *      语法：[类型，类型，类型]
 */
 
let h: [string, string];
h = ['hello', 'China'];

• enum

/**
 * enum 枚举·
 */
enum Sex {
	Man = 0,
	Woman = 1
}

let i: { name: string, sex: Sex };
i = {
    name: '小希',
    sex: 'Sex.Woman'
}

console.log(i.sex === 1);