iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
Modern Web

TypeScript 魔法 - 喚醒你的程式碼靈感系列 第 1

Day01 - 什麼是 TypeScript?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20230916/201520478l4et0sAVD.png

大家好,又見面了,我是肉鬆。
一位喜愛傑尼龜的前端工程師,傑尼、傑尼。

什麼是 TypeScript?

https://ithelp.ithome.com.tw/upload/images/20230916/20152047XMHssnCLo8.png

透過官網首頁的描述,我們可以得知:

  1. 具有類型語法的 JavaScript
  2. 基於 JavaScript 構建的型別編程語言

什麼是具有類型語法?

讓我們透過一個簡單的範例說明類型語法。

const num = 10;

上方是一般用於 JavaScript 宣告變數的寫法。

const num: number = 10;

上方是透過 TypeScript 的類型註解特性,明確將變數類型指定為 number,強制 num 只能是數字型別的值。

什麼是強型別?

首先我們要先知道 JavaScript 是一種型別語言,什麼意思呢?
意味在 JavaScript 中,變數型別可以在運行時做更改,並且變數可以有不同型別的值。

讓我們透過一個簡單的範例比較強型別與弱型別。

let num = 10;
console.log(num); // 輸出 10

num = '肉鬆';
console.log(num); // 輸出 '肉鬆'

JavaScript 很靈活,可以看到一開始 num 的型別是 number,當變數被重新賦予值型別變成 string
因為變數的型別不是固定的,進而衍伸潛在的型別問題。

let num: number = 10;
console.log(num); // 輸出 10

num = '肉鬆';
console.log(num); // 錯誤,不能將字串型別賦予給數字型別的變數

開頭我們有提到 TypeScript 是一個強型別語言,宣告變數時要明確指定型別,
意味著變數的型別是固定的,解決上述提及潛在的型別問題,並提高程式碼的可維護性和可讀性。

本日重點

  1. JavaScript 是一種弱型別語言,變數型別可以自由變化,靈活性雖然方便,但可能導致型別相關問題。
  2. TypeScript 引入了型別檢查和靜態分析功能,能夠在開發中檢查型別錯誤。
  3. TypeScript 是一種強型別語言,要求宣告變數時給予明確的型別,有助於解決 JavaScript 潛在的型別問題,但不會對 JavaScript 運行產生任何影響。

這是我第二次參加 iT 鐵人賽,我選擇了 TypeScript 作為主題,
藉由這次機會,我希望能夠讓大家深入了解 JavaScript 和 TypeScript 之間的差異,
讓我們一起探索 TypeScript 魔法,喚醒你的程式碼靈感吧!

參考


下一篇
Day02 - 安裝 TypeScript
系列文
TypeScript 魔法 - 喚醒你的程式碼靈感30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0

我要留言

立即登入留言