2020年12月2日 星期三

初學 TypeScript,型別註記的方法

 TypeScript 是強型別語言,相對於 JavaScript 的弱型別,例如 1 可以是 number ,也可以是 '1' 字串,如果是外部資料甚至是自己筆誤會得出錯誤結果而不自知。


TypeScript 簡單的定義型別的方法是用 : ,例如:

let name: string = 'Jack';


物件的定義:

let account: {name: string, password: string} = {

  name: 'Jack',

  password: 'abc4567',

};


函式的定義:


let addition = function(param1:number, param2:number) {

  return param1 + param2;

};


使用 type 作出一組型別定義,使用方法跟上述一樣接在:後面:

type accountInfo = {

  account: string,

  password: string,

  nickname: string,

  birth: Date,

  subscribed: boolean,

};


在 TypeScript 覆寫物件屬性值會有一個問題是必須完全覆寫,但以帳號資料或購物資料表單為例,實務上常常會有許多選填,因此需要選用註記?。


type accountInfo = {

  account: string,

  password: string,

  nickname?: string,

  birth?: Date,

  subscribed?: boolean,

};


let accountData: accountInfo = {

  account: 'Jack',

  password: 'abc1234',

}

雖然缺少了 nickname...等三個屬性沒有完全覆寫,但可以通過 TypeScript 的檢驗,筆記資料較為精簡,原文有詳細及深入的範例探討,有鐵人賽文章及實體書可選看。

參考資料:讓 TypeScript 成為你全端開發的 ACE! Day1~Day9

1 則留言:

  1. 加油~~我也是六角的同學!!GOGOGO你很棒~~~我也要繼續堅持!!!

    回覆刪除