iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
自我挑戰組

從新手開始TypeScript系列 第 5

Day5-TypeScript(TS)宣告

  • 分享至 

  • twitterImage
  •  

今天要進入程式碼的部分了。
我會以JavaScript(JS)為基礎做比較與解釋,
同時也了解兩者在使用上的差異。

宣告變數

JS語法

let 變數名稱 = 變數初始值 ;

首先以JS為範例,
若要宣告x為數字型別5的話,
程式如下,

    let x = 5 ;

當然也能分開寫

    let x ;
    x = 5 ;
TS語法

let 變數名稱 : 型別 = 變數初始值 ;

逐一說明如下表,

語法 解釋
let 關鍵字
變數名稱 留自以外的任意名稱
: (運算子)區隔符號
型別 使用Type Annotation 來指名變數型別;
= (運算子)指定值
變數初始值 要放到變數中的值
; 程式句字結束符號,非必要

TS因為型別安全機制,
因此宣告變數都要先宣告型別或是推論型別,
將上述程式改成TS語法如下,

  • 寫法一
    宣告變數型別,同時給值
    let x : number = 5 ;
  • 寫法二
    先宣告變數型別,後給值
    let x : number ;
    x = 5 ;
  • 寫法三
    推論型別,依照所給的值,自動推論型別
    let x = 5 ;

宣告常數

JS語法 與 TS語法 相同

const 常數名稱 = 常數值 ;

宣告常數有幾項需要特別注意

  • 常數一定要給予初始值
  • 常數名稱不可重複宣告
  • 可限定常數在的有效範圍在某一區塊(Block Scope)之中

範例如下,

    const pi = 3.14 ;

今日結語

其實說來說去,
相信大家都能看出TS在型別上的值重要性,
只要是站在開發者的角度來看,
抓好變數的型別也會讓開發與維護更加有效率且更容易維護,
希望大家都對型別有些了解了,
明天就來講些基礎資料型別吧~


上一篇
Day4-TypeScript(TS)在Visual Studio Code(VS Code)的前置作業
下一篇
Day6-TypeScript(TS)基礎型別資料Part 1
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言