乐趣区

关于前端:系统学习-TypeScript三基础类型

前言

TypeScript 蕴含的根底类型总结起来有:

  • 布尔值
  • 数字
  • 字符串
  • 数组
  • 元组
  • 枚举
  • 任意值
  • 空值
  • Null 和 undefined
  • Never
  • Object

明天,咱们就来具体理解一下各个类型所代表的含意及示意办法。

布尔值 → boolean

它只有两个值——true 和 false。

let isNew: boolean = true;

数字 → number

TypeScript 中的整形和浮点数类型都是 number,这点和 JavaScript 是一样的,比方:十进制、二进制、八进制和十六进制的类型都是 number。

let decAge: number = 22;
let hexAge: number = 0x0016;
let binaryAge: number = 0b10110;
let octalAge: number = 0o026;
// 以上变量应用 (number).toString(10) 转换为十进制都为 22

可应用 (number).toString(进制) 将数字转换为任意进制的类型。

字符串 → string

和 JavaScript 一样,字符串的值应用单引号或者双引号包裹:

let myName: string = "编程三昧";
let myHomepage: string = `example.com/${myName}`;

数组

TypeScript 中定义数组的形式有两种。

第一种是元素类型前面接上 [],示意由此类型元素组成的一个数组:

let arr: number[] = [1, 2, 3, 4];
// 如果在数组中退出其余元素会报错

第二种是应用数组泛型定义数组:

let arr1: any[] = [1, "2", 3, "4"];
// 这个数组中能够如果任意类型的元素

元组 Tuple

元组类型容许示意一个已知元素数量和类型的数组,各元素的类型不用雷同。

let arr2:[number, string, number] = [1,"2",3];
// 若果写成 [1,2,3] 会报错

元素是严格规定了数组的长度和每个地位的元素类型,并且在赋值时须要严格对应,否则会报错。

枚举

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];

console.log(colorName);  // 显示 'Green' 因为下面代码里它的值是 2 

任意值 any

代表任意类型的值。如果不心愿类型查看器对这些值进行查看而是间接让它们通过编译阶段的查看。,那么就能够应用 any类型来标记这些变量:

let a: any = 12;
a = "12";

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

空值 void

当一个数据没有任何类型时,通常用 void 标记,多用于函数返回值。

function sayName(): void {console.log(`My name is 编程三昧。`);
}
let aNull: void = null;
let aNull1: void = undefined;

void 类型只能被赋值为 null 或者 undefined。

null 和 undefined

TypeScript 中也有 null 和 undefined 两种类型,它们只能各自对应 null 值和 undefined 值。

let theNull: null = null;
let theUndefined: undefined = undefined;

这两个类型基本上没啥大的用途。

null 和 undefined 是否可赋值给 number 类型的变量,取决于编译配置文件中的“–strictNullChecks”选项是否敞开,个别是倡议关上这个选项的。

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) {}}

object

object 类型蕴含除了几种根本类型之外的所有类型。

let obj: object = [1,2,3];
let obj1: object = {name: "编程三昧"};
let func: object = ()=>{console.log("编程三昧");
}

扩大

1、TypeScript 会依据你给变量的初始值判断默认类型。

let aNum = 12;
aNum = "number";
// Type 'string' is not assignable to type 'number'.

2、函数办法的参数和返回值都能够应用类型限度,保障传参和返回值的正确性。

function sum(a: number, b:number): number {return a + b;}
sum(1, "3");
// Argument of type 'string' is not assignable to parameter of type 'number'.

总结

以上就是 TypeScript 中的根底数据类型介绍,总结起来就是:

  • 在变量(函数的括号)前面增加冒号,前面跟上冀望的类型,即可限度类型的前后一致性;
  • 如果没有显式的增加类型限度,TypeScript 会依据初始值主动增加类型。

~

~ 本文完,感激浏览!

~

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

大家好,我是〖编程三昧〗的作者 隐逸王,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!

退出移动版