TypeScript基础类型

约定不等于承诺〃 2023-02-21 14:19 84阅读 0赞

TypeScript的基础类型主要有布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null 、Undefined、Never、Object等。

# 布尔值 #

用**boolean**表示，值只有true和false。

let a: boolean = true;

# 数字 #

同JavaScript，都是浮点数，用**number**表示数字类型。  
TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

let a: number = 1;
    let a: number = 0xf00d;

# 字符串 #

用**string**表示文本数据类型，和JavaScript一样，可以使用双引号（ "）或单引号（’）表示字符串。

let a: string = 'hi';

# 数组 #

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。  
第一种，可以在元素类型后面接上 \[\]，表示由此类型元素组成的一个数组：

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

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

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

# 元组 #

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

let x: [string, number];
    x = ['hi', 10]; // OK
    x = [10, 'hi']; // Error

# 枚举 #

枚举类型用enum表示，这个JavaScript里没有。  
使用枚举可以使代码更清晰，看起来更舒服。

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;

# Any #

数据类型不确定，可以用这个，作用就是类型检查器不对这个变量进行检查，直接通过编译。

let a: any = 1;
    a = 'hi'; // SUCCESS

# Void #

表示没有任何类型，申请void变量没什么用，它只能赋值为null和undefined；

# Null 和 Undefined #

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

let u: undefined = undefined;
    let n: null = null;

# never #

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

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

# Object #

object表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。  
使用object类型，就可以更好的表示像Object.create这样的API。例如：

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

# 类型断言 #

有时候你会遇到这样的情况，你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。

通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”。 类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。 它没有运行时的影响，只是在编译阶段起作用。 TypeScript会假设你，程序员，已经进行了必须的检查。

类型断言有两种形式。 其一是“尖括号”语法：

let someValue: any = "this is a string";
    let strLength: number = (<string>someValue).length;

另一个为as语法：

let someValue: any = "this is a string";
    let strLength: number = (someValue as string).length;

两种形式是等价的。 至于使用哪个大多数情况下是凭个人喜好；然而，当你在TypeScript里使用JSX时，只有 as语法断言是被允许的。

> 参考资料  
> [TypeScript中文网][TypeScript]  
> [菜鸟教程][Link 1]

[TypeScript]: https://www.tslang.cn/docs/home.html
[Link 1]: https://www.runoob.com/typescript/ts-type.html

TypeScript基础类型

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 2.typescript基础类型

相关 TypeScript基础类型

相关 TypeScript基础知识整理——类型断言

相关 typescript 基础类型

相关 TypeScript基础数据类型

相关 TypeScript1 基础类型

相关 TypeScript 基础数据类型简介

相关 TypeScript基础知识--基础类型

相关 Typescript学习笔记（一）基础类型

相关 TypeScript 中的非基础类型声明