Typescript入门之基本类型(一)

3,093 阅读3分钟

作为一个小职员,工作多,没提成,人家休假我加班。房贷没还清,保险自己买。不过好在我不用交停车费,因为我根本买不起车。2020年小编决定好好的学习Typescript,提升个人能力,努力赚小钱钱,争取买到一辆自行车(呸,要啥自行车!!!!)。这是小编写的第一篇Typescript学习的文章。

Typescript入门之基本类型(一)

Typescript入门之基本类型(二)

Typescript入门之数组与元组

Typescript入门之接口

自从ES2015中引入了Symbol,ES2020引入了BigInt,在js中共包含了7种基本类型,分别是String,Number,Boolean,undefind,null,Symbol,BigInt。同时,这些基本类型在ts中也相应的包含了这些基本类型。

字符类型

在ts中,使用string来表示字符类型

const title: string = '这是typescript的字符串'

在es2015中引入了模板字符串,在ts中,字符类型也支持使用模板字符串

const name: string = '子君'
const desc: string = `我的名字叫${name}`

当然拼接字符串也是可以的

const firstName: string = '子君'
const lastName: string = '托洛夫斯基'
const name: string = firstName + '·' + lastName

数值类型

在ts中,使用number来表示数值类型

const age: number = 16

数值可以表示为二进制,八进制,十进制和十六进制

// 二进制
const num1: number = 0b10101
// 八进制
const num2: number = 0o5023
// 十进制
const num3: number = 1234
// 十六进制
const num4: number = 0xA23D

在js中有两个特殊的值NaNInfinity,它们在ts中也属于数值类型

const num5: number = NaN

const num6: number = Infinity

布尔类型

在ts中,使用boolean来表示布尔类型

const isTrue: boolean = true

注意 ts中boolean类型只有两个值,truefalse,在js中,除这两个值之外,其他Falsy值均不能表示为boolean类型(undefined与null比较特殊,见下一节)。

// 报错  Type '0' is not assignable to type 'boolean'
const result: boolean =  0

Falsy值包括 false, undefined, null ,0, '', NaN, 0n

undefinednull

在ts中,undefinednull即表示为值,也表示为类型,具体是值还是类型,取决于在语法中的位置

// 前一个undefined为类型,后一个为值
 const name: undefined = undefined
 const sex: null = null

在ts中,undefinednull是任何其他类型的子集,这意味着所有其他类型的变量属性都可以被赋值为undefined,null

 let name: string = undefined
 name = '张三'
 let age: number = null
 age = 10

在上一节说道布尔类型只能赋值true或者false,其实也可以赋值undefined,null

let isTrue: boolean = undefined
isTrue = true

如果只想让undefined,null赋值给自己这种类型,可以在tsconfig.json开启strictNullChecks

{ 
  "compilerOptions": { 
     "strictNullChecks": true
   }
 }

Symbol

Symbol是ES2015新增类型,它的功能类似于一种标识唯一性的ID。

const symbol1: Symbol = Symbol()
// symbol 可以指定一个描述
const symbol2: Symbol = Symbol('key')

BigInt

BigInt是ES2020新增数据类型,用于支持比Number数据类型支持的范围更大的整数值。使用BigInt,整数溢出的问题将不复存在。

// bigint数值,需要在数字后面加字母n
const bigint1: bigint = 999999999999999999n
// 也可以使用BigInt构造函数来表示
const bigint2: bigint = BigInt('9999999999999')