数据类型

string
number
boolean
literal类型
类型的并集
any类型
undefined类型

逻辑控制

if
switch
for
while

枚举

  1. // 类型并集
  2. let b: number | string = 10
  3. // 枚举
  4. enum httpCode {
  5. OK = 200,
  6. NOT_FOUND = 404,
  7. INTERNAL_SERVER_ERROR = 500
  8. }
  9. console.log(httpCode.INTERNAL_SERVER_ERROR)
  10. console.log(httpCode[500])

数组

  1. // 定义数组
  2. const arr:number[] = [1,2,3,4]
  3. const arr:(number|string)[] = [1,2,3,4,'a']
  4. const arr:Array<number> = [1,2,3,4]
  5. // 数组长度
  6. console.log(arr.length)
  7. // 获取数组元素
  8. console.log(arr[1])
  9. // 数组越界:程序不会报错中断,只会打出undefined数据
  10. console.log(arr[10])
  11. // 数组判断是否为空
  12. const a:number[] = []
  13. if (a.leng !== 0) {
  14. console.log("a is not empty")
  15. }
  16. // 数组尾部增加元素
  17. a.push(2)
  18. // 数组尾部删除元素
  19. a.pop()
  20. // 数组头部插入元素
  21. a.unshift(1)
  22. // 数组头部删除元素
  23. a.shift()
  24. // 数组截取:开始索引和结束索引
  25. a.slice(2,3)
  26. // 删除数组元素:从第二个元素开始,删除3个元素
  27. a.splice(2,3)
  28. // 删除数组元素,并且填充指定的元素:从第二个元素开始,删除3个元素,然后填充两个元素
  29. a.splice(2,3,12,13)
  30. // 数组中查找元素:查找元素3的索引位置
  31. a.indexof(3)
  32. // 数组排序:注意数组排序的bug(按照字母表的顺序排,数字也会出现类似的问题)
  33. a.sort()
  34. // 数组实现元祖:数组越界,则值为undefined
  35. const brr = [1,2,3]
  36. const [a1,a2] = a // 输出:a1 = 1, a2 = 2

对象

  • 对象定义

    1. const emp1 = {
    2. name: 'a',
    3. gender: 'male' as 'male' | 'female' | 'other' | 'unknown',
    4. salary: 8000,
    5. bonus: undefined as (number | undefined),
    6. performance: 3.5
    7. }
    8. 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)

  1. ```typescript
  2. // 部分应用函数
  3. let s = [1,2,3,4,5,6,7,8,9,10]
  4. function filterArray(arr :number[], f:(a:number) => boolean) {
  5. return arr.filter(f)
  6. }
  7. function selfFilter(a:number, b:number) {
  8. return a % b === 0
  9. }
  10. // 单参数函数调用双参数函数
  11. let res = filterArray(s,(v) => selfFilter(v,2))
  12. console.log(res)
  13. // 函数改装
  14. let f = [1,2,3,4,5,6,7,8,9,10]
  15. // 注意该函数参数的依赖关系:理解这种思想
  16. function partApply(f:(a:number,b:number) => boolean, b:number) {
  17. return (a:number) => {
  18. return f(a,b)
  19. }
  20. }
  21. let res2 = filterArray(f, partApply(selfFilter, 2))
  22. console.log(res2)

Promise

  1. function add(a:number, b:number, callback:(v:number) => void):void{
  2. callback(a+b)
  3. }
  4. add(2,3, v => {
  5. console.log(v)
  6. })
  7. function addNew(a:number, b:number) :Promise<number> {
  8. return new Promise((resolve,reject) => {
  9. if (b %17 ===0) {
  10. reject(`bad number: ${b}`)
  11. }
  12. setTimeout(() => {
  13. resolve(a+b)
  14. }, 2000)
  15. })
  16. }
  17. addNew(2,3).then(res => {
  18. console.log(res)
  19. return addNew(res, 17)
  20. }).catch(err => {
  21. console.log(err)
  22. })
  23. Promise.all([addNew(2,3), addNew(4,5)]).then(res =>{
  24. const [a,b] = res
  25. console.log(a,b)
  26. return addNew(a,b)
  27. }).then(res => {
  28. console.log(res)
  29. })