iT邦幫忙

0

【30 天JavaScript 實戰 】 Day 30|TypeScript(下)

  • 分享至 

  • xImage
  •  

前一天我們談的是為什麼要有 TypeScript
今天要解決的是新手最常卡住的一點:型別到底在寫什麼?為什麼要寫?


一、型別其實是在幫資料寫說明書

let age: number = 18;
let name: string = "Alex";
let isLogin: boolean = true;

這些型別不是為了電腦,
而是為了讓你知道這個變數應該拿來幹嘛
它不應該被亂用

二、物件一旦變多,型別就會變得超重要

interface User {
  id: number;
  name: string;
  email: string;
}

const user: User = {
  id: 1,
  name: "Amy",
  email: "amy@test.com"
};

這樣寫的好處是:

  • 少欄位,馬上知道
  • 拼錯欄位名,直接被抓
  • 編輯器自動補齊,幾乎不會寫錯

三、不用一開始就寫得很嚴格

let data: any;

any 的意思是:我現在還不確定型別,先讓我跑起來。
TypeScript 並不是非黑即白,而是可以漸進式使用:

  • 專案先能動
  • 重要資料補型別
  • 常出錯的地方再寫嚴一點
    這也是為什麼很多 JavaScript 專案可以慢慢轉成 TypeScript~

開始寫框架、寫專案、寫多人協作的程式時,
問題不再是語法,而是資料怎麼流動
而TypeScript 正是在幫你管理這件事!

下一步,不管你走向哪個框架,
TypeScript 都會開始自然地出現在你的開發流程裡。


/images/emoticon/emoticon07.gif


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言