TypeScript之类型判断
在使⽤ Angular 做项⽬的时候，对 TypeScript 的类型判断不太熟练，为了⽅便查，特意对 TypeScript 的类型判断做了简单梳理。⽂章只是 TS 官⽹的内容摘要，没有⾼深的知识，想要深⼊学习 TS 还要看官⽹⽂档。
基础类型
// 布尔值
let isDone: boolean = false;
// 数字
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;
// 字符串
let name: string = "bob";
name = "smith";
// 数组
let list: number[] = [1, 2, 3];
// 数组泛型
let list: Array<number> = [1, 2, 3];
//元组 Tuple
let x: [string, number];
typescript 字符串转数组
x = ['hello', 10]; // OK
x = [10, 'hello']; // Error
/
/ 枚举
enum Color {Red, Green, Blue}
let c: Color = Color.Green;
// Any
let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean
// Void
function warnUser(): void {
alert("This is my warning message");
// Null 和 Undefined
let u: undefined = undefined;
let n: null = null;
// Never
function error(message: string): never {
throw new Error(message);
function fail() {
return error("Something failed");
function infiniteLoop(): never {
while (true) {
类型断⾔
类型断⾔好⽐其它语⾔⾥的类型转换，但是不进⾏特殊的数据检查和解构。它没有运⾏时的影响，只是在编译阶段起作⽤。
let someValue: any = "this is a string";
// “尖括号”语法
let strLength: number = (<string>someValue).length;
// as语法
let strLength: number = (someValue as string).length;
接⼝
TypeScript 的核⼼原则之⼀是对值所具有的结构进⾏类型检查。它有时被称做“鸭式辨型法”或“结构性⼦类型化”。在TypeScript ⾥，接⼝的作⽤就是为这些类型命名和为你的代码或第三⽅代码定义契约。
interface LabelledValue {
label: string;
// 可选属性
interface SquareConfig {
color?: string;
width?: number;
// 只读属性
interface Point {
readonly x: number;
readonly y: number;
// 函数类型
interface SearchFunc {
(source: string, subString: string): boolean;
// 可索引的类型
interface StringArray {
[index: number]: string;
// 类类型
interface ClockInterface {
currentTime: Date;
泛型
我们把这个版本的identity函数叫做泛型，因为它可以适⽤于多个类型。不同于使⽤any，它不会丢失信息，像第⼀个例⼦那像保持准确性，传⼊数值类型并返回数值类型。
function identity<T>(arg: T): T {
return arg;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。