typescript-学习使用ts-3

函数

函数参数

• 参数及返回值类型

function add(x: number, y: number): number {
    return x + y
}

• 可选参数

function add(x: number, y?: number): number {
    return x + 10
}

• 默认参数

function add(x: number, y: number = 20): number {
    return x + y
}

• 剩余参数

function sum(...args: number[]): number {
    let ret: number = 0
    args.forEach((item: number): void => {
        ret += item
    })
    return ret
}

sum(1, 2, 3)

箭头函数

• 基本示例

let add = (x: number, y: number): number => x + y

for-of 循环

• for 循环
• forEach
  • 不支持 break
• for in
  • 会把数组当作对象来遍历
• for of
  • 支持 break

类型推断（Type Inference）

类型兼容性

模块

概念

模块通信：导出

export default xxx

export const foo: string = 'bar';
export const bar: string = 'foo';

模块通信：导入

// 加载默认成员
import xxx from '模块标识'

// 按需加载模块成员
import {foo, bar} from '模块'

TypeScript 总结

• TypeScript 是什么
• 变量声明
  • var
  • let
  • const
• 基本数据类型
  • 布尔值 boolean
  • 数字 number
  • 字符串 string
  • 数组 number[] 或者 Array<number>
  • 元祖 [number, string]
  • 对象 object ，了解即可
  • 任意类型 any
  • 函数空返回值 void
  • null 和 undefined
• 接口
  • interface
• 解构赋值
  • 数组解构
  • 对象解构
• 展开操作符
  • 展开数组
  • 展开对象
• 类
  • 基本语法
  • 构造函数
  • 继承
  • 属性修饰符
  • 属性的 get 和 set
• 函数
  • 参数
  • 箭头函数
• for-of 循环
• 模块
  • 导出
  • 导入