TypeScript系列学习笔记-基础数据类型

时间：2021-04-17 15:41:46

简介：TypeScript（以下简称TS）是一种由微软开发的*和开源的编程语言。它是JavaScript（以下简称JS）的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TS扩展了JS的语法，所以任何现有的JS程序可以不加改变的在TS下工作。TS是为大型应用之开发而设计，而编译时它产生 JS 以确保兼容性。（参看官网或百度百科）

TS：基础数据类型：

1.布尔类型/boolean，语法：

let isTrue: boolean = true;

2.数字类型/number，语法：

let decLiteral: number = 6;

let hexLiteral: number = 0xf00d;

let binaryLiteral: number = 0b1010;

let octalLiteral: number = 0o744;

3.字符（串）类型/string，语法：

let name: string = "bob";

4.数组/Array，语法：TS像JS一样可以操作数组元素。 有两种方式可以定义数组。

第一种，可以在元素类型后面接上[]，表示由此类型元素组成的一个数组：

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

第二种，使用数组泛型，Array<元素类型>：

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

5.元组/Tuple，语法：

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

let x: [string, number];
x = ["ok", 123]; //正确
x = [123,"error"]; //错误
console.info(x[0]);

6.枚举/enum，语法：

enum类型是对JavaScript标准数据类型的一个补充。 像C#等其它语言一样，使用枚举类型可以为一组数值赋予友好的名字。

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;

枚举类型提供的一个便利是你可以由枚举的值得到它的名字。 例如，我们知道数值为2，但是不确定它映射到Color里的哪个名字，我们可以查找相应的名字：

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
alert(colorName);  // 显示'Green'因为上面代码里它的值是2

7.任意类型/any，语法：

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容，比如来自用户输入或第三方代码库。 这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量：

let notSure: any = 4; //number类型
notSure = "maybe a string instead"; //string类型
notSure = false; // okay, definitely a boolean 布尔类型

在对现有代码进行改写的时候，any类型是十分有用的，它允许你在编译时可选择地包含或移除类型检查。 你可能认为 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'.

当你只知道一部分数据的类型时，any类型也是有用的。 比如，你有一个数组，它包含了不同的类型的数据：

let list: any[] = [1, true, "free"];

list[1] = 100;

8.无返回类型/void，语法：

某种程度上来说，void类型像是与any类型相反，它表示没有任何类型。 当一个函数没有返回值时，你通常会见到其返回值类型是 void：

function warnUser(): void {
    alert("This is my warning message");
}

声明一个void类型的变量没有什么大用，因为你只能为它赋予undefined和null：

let unusable: void = undefined;

9.null和undefined，语法：

TS里，undefined和null两者各自有自己的类型分别叫做undefined和null。 和 void相似，它们的本身的类型用处不是很大：

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

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

10.never，语法：

never类型表示的是那些永不存在的值的类型。 例如， never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型； 变量也可能是 never类型，当它们被永不为真的类型保护所约束时;

never类型是任何类型的子类型，也可以赋值给任何类型；然而，没有类型是never的子类型或可以赋值给never类型（除了never本身之外）。 即使 any也不可以赋值给never。

下面是一些返回never类型的函数：

// 返回never的函数必须存在无法达到的终点
function error(message: string): never {
    throw new Error(message);
}

// 推断的返回值类型为never
function fail() {
    return error("Something failed");
}

// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}

11.类型断言/<> or as，语法：TS中类型断言有两种方式：

11.1语法一，类似C#语言泛型类型，“<>”(尖括号)语法：

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

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

11.2语法二，类似C#语言中类型转换， as 语法：

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

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

类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。 它没有运行时的影响，只是在编译阶段起作用。

注意：以上两种语法等价，但TS中使用JSX时，只有 as 语法断言被允许。

关于let：JS中新概念"JavaScript严格模式"，TS实现了它；上面变量的声明使用let关键字来代替大家所熟悉的JavaScript关键字var。

let 和 var 关键字的区别：

1.声明后未赋值，解析相同：

 var varTest; //var声明
 let letTest; //let声明
 console.log(varTest); //输出undefined
 console.log(letTest); //输出undefined


标签：

相关文章