数据类型
string
number
boolean
literal类型
类型的并集
any类型
undefined类型
逻辑控制
枚举
// 类型并集let b: number | string = 10// 枚举enum httpCode {OK = 200,NOT_FOUND = 404,INTERNAL_SERVER_ERROR = 500}console.log(httpCode.INTERNAL_SERVER_ERROR)console.log(httpCode[500])
数组
// 定义数组const arr:number[] = [1,2,3,4]const arr:(number|string)[] = [1,2,3,4,'a']const arr:Array<number> = [1,2,3,4]// 数组长度console.log(arr.length)// 获取数组元素console.log(arr[1])// 数组越界:程序不会报错中断,只会打出undefined数据console.log(arr[10])// 数组判断是否为空const a:number[] = []if (a.leng !== 0) {console.log("a is not empty")}// 数组尾部增加元素a.push(2)// 数组尾部删除元素a.pop()// 数组头部插入元素a.unshift(1)// 数组头部删除元素a.shift()// 数组截取:开始索引和结束索引a.slice(2,3)// 删除数组元素:从第二个元素开始,删除3个元素a.splice(2,3)// 删除数组元素,并且填充指定的元素:从第二个元素开始,删除3个元素,然后填充两个元素a.splice(2,3,12,13)// 数组中查找元素:查找元素3的索引位置a.indexof(3)// 数组排序:注意数组排序的bug(按照字母表的顺序排,数字也会出现类似的问题)a.sort()// 数组实现元祖:数组越界,则值为undefinedconst brr = [1,2,3]const [a1,a2] = a // 输出:a1 = 1, a2 = 2
对象
对象定义
const emp1 = {name: 'a',gender: 'male' as 'male' | 'female' | 'other' | 'unknown',salary: 8000,bonus: undefined as (number | undefined),performance: 3.5}console.log(`${emp1.name}`)
函数
函数是一等公民
变量的类型可以使函数
- 值(literal)可以使函数
- 对象的字段可以是函数
- 函数的参数可以是函数
- 函数的返回值可以是函数 ```typescript let arr:number[] = [20,2,13,9,1,5]
// 函数的参数是函数,返回值好也是函数,用于包装已有函数实现自己想要的功能 function loggingCompare( comp:(a:number, b:number) => number, log:(a:number,b:number) => void) { return (a:number,b:number) => { log(a,b) return comp(a,b) } }
function compare(a:number,b:number) { return a-b }
function log(a:number,b:number) { console.log(a,b) } arr.sort(loggingCompare(compare, log)) console.log(arr)
```typescript// 部分应用函数let s = [1,2,3,4,5,6,7,8,9,10]function filterArray(arr :number[], f:(a:number) => boolean) {return arr.filter(f)}function selfFilter(a:number, b:number) {return a % b === 0}// 单参数函数调用双参数函数let res = filterArray(s,(v) => selfFilter(v,2))console.log(res)// 函数改装let f = [1,2,3,4,5,6,7,8,9,10]// 注意该函数参数的依赖关系:理解这种思想function partApply(f:(a:number,b:number) => boolean, b:number) {return (a:number) => {return f(a,b)}}let res2 = filterArray(f, partApply(selfFilter, 2))console.log(res2)
Promise
function add(a:number, b:number, callback:(v:number) => void):void{callback(a+b)}add(2,3, v => {console.log(v)})function addNew(a:number, b:number) :Promise<number> {return new Promise((resolve,reject) => {if (b %17 ===0) {reject(`bad number: ${b}`)}setTimeout(() => {resolve(a+b)}, 2000)})}addNew(2,3).then(res => {console.log(res)return addNew(res, 17)}).catch(err => {console.log(err)})Promise.all([addNew(2,3), addNew(4,5)]).then(res =>{const [a,b] = resconsole.log(a,b)return addNew(a,b)}).then(res => {console.log(res)})
