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 循環
• 模塊
  • 導出
  • 導入