TypeScript的原始类型

594 阅读2分钟

「这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战

TypeScript的原始数据类型

这次主要是要给大家介绍一下 TypeScript 中的常用类型和一些基本概念,希望可以让大家对 TypeScript 有个初步的理解。先奉送一个链接给大家,叫我雷轰!

微信图片_20210924160139.gif

原始数据类型

基础

JavaScript 的类型分为两种:

  • 原始数据类型(Primitive data types
  • 对象类型(Object types

原始数据类型包括: 布尔值、数值、字符串、nullundefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt

接下来我们要介绍剩下的布尔值、数值、字符串、nullundefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt

go go go

src=http___i0.hdslb.com_bfs_article_1df788a1c718b521fbf92fecf5f84b30511edb8b.jpg&refer=http___i0.hdslb.jpg

布尔值

布尔值是最基础的数据类型,接下来我们展示一些在 TypeScript 中,使用 boolean 定义布尔值类型 注意,使用构造函数 Boolean 创造的对象不是布尔值!而是一个布尔对象

let b: boolean = false;

当然也可以这样声明

let b1: Boolean = new Boolean(1);

还有也可以这样直接调用也可以

let b2: boolean = Boolean(1);

TypeScript 中,boolean 是 JavaScript 中的基本类型,而 Boolean 是 JavaScript 中的构造函数。其他基本类型(除了 null 和 undefined)一样,不再赘述。

数值

使用 number 定义数值类型:

let num1: number = 6;
// ES6 中的二进制表示法
let num2: number = 0b1010;
// ES6 中的八进制表示法
let num3: number = 0o744;

其中 0b10100o744 是 ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。

字符串

使用 string 定义字符串类型:

let name: string = 'Hello World';

当然也可以使用模板字符串

// 模板字符串
let sentence: string = `Hello, my name is ${myName}.

空值

JavaScript 没有空值(Void)的概念,在 TypeScript 中,可以用 void 表示没有任何返回值的函数:

function say(): void {
    alert('Hello World');
}

Null 和 Undefined

TypeScript 中,可以使用 nullundefined 来定义这两个原始数据类型:

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

Symbol

使用 Symbol() 函数我们可以申明一个 Symbol 变量,注意不能使用 new 命令(毕竟他是原始数据类型嘛)

let sym = Symbol("key");

BigInt(ES10 中的新类型)

使用BigInt,整数溢出的问题将不复存在。

// bigint数值,需要在数字后面加字母n
let bigint1: bigint = 999999999999999999n

当然也可以像Boolean一样使用

// 也可以使用BigInt函数来表示
let bigint2: bigint = BigInt('9999999999999')