2018年12月13日 星期四

【JavaScript】TypeScript是什麼?怎麼用?


(本篇只是筆記,不是教學,看不懂不是你笨。)



什麼是TypeScript

  • 一個JS的超集合
  • 最後「還是會轉成JS」,但可以在編譯前,讓我們使用強型別run前顯示錯誤
  • 在檔案的尾端打ts,就可以用ts了

JS有什麼問題

  • 討厭的自動型別轉換(因爲JS是弱型別)
  • 必須Run起來才會知道哪裡有錯誤

如何安裝

npm install -g typescript //安裝ts編譯器
tsc -int //產生config檔案,可以設定要編譯成ES5/6
tsc XXX.ts //把xxx.ts編譯成xxx.js

Quokka套件

  • 裝在VScode裡面
  • 會在run之前就顯示出結果,是開發的好朋友!!
  • 會在run之前就告訴你錯誤,是開發的好朋友!!
Control+Shift+P 開啟VScode開啟命令,輸入:
Quokka new typescript //可以開啟typescript檔案
Quokka start on current file //可以開啟「輸出提示」(有時候他會不見)

TypeScript語法

a:型別
var a:boolen|member = 12  //這樣a就可以是布林或是數字


*明天要面試,但我還不會TS,所以來研究一下XDD

沒有留言:

張貼留言

【JavaScript】用物件Mapping的方法

If的寫法 我們希望當變數是a時就回傳1,變數是b就回傳2,變數是c就會回傳3,一般寫法就是用if,但是這樣會很冗 ​ // IF style var word if(word == 'a'){ word = 1 } else if...