iT邦幫忙

2021 iThome 鐵人賽

DAY 1
1
自我挑戰組

從新手開始TypeScript系列 第 1

Day1-JavaScript(JS)與TypeScript(TS)的基本觀念

Hi~開賽第一天先來簡單了解一下JavaScript(JS)與TypeScript(TS)的基本觀念吧!

因為基礎很重要,所以要玩TS的話,建議至少JS要有一定基礎會很有幫助呦。

何謂 JavaScript(JS)

JavaScript是一個指令碼語言引擎(Scripting Engine),提供許多功能,
包含:變數、運算子、函數、條件式判斷與迴圈、建立物件、屬性、方法與事件。

舉例來說,我們在開發網頁時達到一些條件後,畫面就會出現你所指的樣貌或是動作,
像是
點擊一個按鈕後,會出現一是跳窗;
每隔一定時間或是點擊能切換圖片,常見的輪播圖;
甚至是我們玩網頁遊戲時用上下左右控制、跳躍或攻擊所看到的畫面......等。

幾乎都是由JS控制所呈現的喔。

何謂 TypeScript(TS)

TypeScript有JavaScript基本上就是JavaScript所延伸出來的另一種超集的程式語言(超集合Superset),
擁有JavaScript没有的語法語意規則,且向下兼容JavaScript。

也就是說,TS與JS本質上是同個東西,
在JS上能使用的語法,在TS同樣能使用,
而TS又另外增加了更多與發支援,更便於開發,

另外,將可以運作的JS檔案(.js)將副檔名直接改成.ts,(環境建好的情況下)
一樣是可以運作而且不會壞掉喔!
兩者的比較之後會再細談。

JavaScript(JS)與TypeScript(TS)的關係

其實撰寫完的TS也都會轉譯成JS,因為

JS才是真正在運作的程式碼!
JS才是真正在運作的程式碼!
JS才是真正在運作的程式碼!

因為很重要,所以說三遍。

簡單來說,即使TS壞掉了,
轉譯後的JS是正常的情況下,
專案還是可以正常運作的喔~
而不會直接受到TS錯誤的影響。

今日結語

最後希望大家對於JS、TS已經有基本概念了~
今天就到這啦,謝謝大家!

(本人主張一天不要學太多,快樂學習才是最重要的~)


下一篇
Day2-JavaScript(JS)與TypeScript(TS)的差異比較
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言