Typescript基础类型

基础类型

typescript中基础类型与javascript中的基础类型基本一致

具体分为

数据类型	关键字	描述
任意类型	any	声明为any的变量可以赋予任意类型的值。
数字类型	number	双精度64位浮点值，它可以用来表示整数和分数。
字符串类型	string	一个字符系列，使用单引号（ ’ ）或双引号（ " ）来表示字符串类型。反引号（ ` ）来定义多行文本和内嵌表达式。
布尔类型	boolean	表示逻辑值：true和false。
数组类型	无（array）	声明变量为数组。
元祖	无（tuple）	元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。
枚举	enum	枚举类型用于定义数组集合。
void	void	用于标识方法返回值的类型，表示该方法没有返回值。
null	null	表示对象值缺失。
undefined	undefined	用于初始化变量为一个未定义的值。
never	never	never是其他类型（包括null和undefined）的子类型，代表从不会出现的值。

注意： TypeScript 和 JavaScript 没有整数类型。

基础类型

// boolean, number, string, void, undefined, symbol, null

// 分两行写，这样的话，count就是any类型
let count;
count = 123;

// 除非直接定义类型
let count: number;
count = 123;

Any类型

任意值是typescript针对编程时类型不明确的变量使用的一种数据类型

主要用于以下三种情况

1. 变量的值会动态改变时，比如来自用户的输入，任意值的类型可以让这些变量跳过编译阶段的类型检查

let n: any = 1		// 数字类型
n = "i am dell"		// string字符串类型
n = true					// boolean布尔类型

2. 改写现有代码时，任意值允许在编译时可选择地包含或移除类型检查

let n: any = 2		// number数字类型
n.ifItExists()		// 正确，ifItExists方法在运行时可能存在，但这里并不会检查
n.toFixed()				// 正确，number类型

3. 定义存储各种类型数据的数组时

let arr: any[] = [1, false, "n"]
arr[1] = 100			// 正确， any类型可随意更改数组里的数据类型

对象类型

// {}， Class, function, []

// 类型推断 + 类型定义
const func = (str: string): number => {
  	return parseInt(str, 10)
}	// const func = (str: string) => number

// 也可以这样写
const func: (str: string) => number = (str) => {
  	return parseInt(str, 10)
}	// const func: (str: string) => number

// 其他case
interface Person {
  name: string
}
const rawData = '{ "name": "dell" }'
const newData: Person = JSON.parse(rawData)

// 或 | 类型改变，当number类型想使用string类型时，可以使用或 | 
let temp: number | string = 123
temp = '123'

函数相关类型

// void类型，即没有返回值，也就是没有return出值
function onFn(): void {
 	console.log("hello") 
}

// never类型，即永远都无法执行完成
function errorEmitter(): never {
 	while(true) {} 
}

// 当传的参是一个字符串
function add({ first, second }: { first: number, second: number }): number {
 	return first + second 
}

const total = add({ first: 1, second: 2 })

数组的相关类型和类型别名

const arr: (number | string)[] = [1, '2', 3]
const stringArr: string[] = ['a', 'b', 'c']
const undefinedArr: undefined[] = [undefined, undefined]

// type alias 类型别名
type User {
  	name: string
    age: number
}

const user: User[] = [
  {
    	name: 'dell',
    	age: 18
  }
]

class Tea {
  	name: string
    age: number
}

const Teacher: Tea[] = [
  {
    	name: 'arr',
    	age: 20
  }
]

元祖 tuple

// 强类型判断约束
// 元素的位置所对应的类型
const arr: [string, string, number] = ['dell', 'male', 19]

// csv
const Tea: [string, string, number][] = [
  	['dell', 'male', 19],
  	['sun', 'female', 28],
  	['jeny', 'female', 39]
]

最后

公众号：小何成长，佛系更文，都是自己曾经踩过的坑或者是学到的东西

有兴趣的小伙伴欢迎关注我哦，我是：何小玍。大家一起进步鸭