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 迴圈
• 模塊
  • 導出
  • 導入