這是一份林一一同學學習 typescript4.0 的筆記，希望能對前端er有幫助。
介紹Typescript
Typescript 是什麼？
（ 圖片來源網絡，侵權刪除）
- Typescript 是 JavaScript 的超集，兩者是所屬關系。
- Typescript 是 JavaScript 的增強，包含 JavaScript 的最新特性，非常適合創建大型項目
- Typescript 是靜態語言與動態語言 JavaScript 不同，TS 是和 JS 都是弱類型語言
- Typescript 也是前端的趨勢，各大著名的前端框架都使用瞭 TS 重構，如 Vue, React 等
下載安裝及使用
- 本地環境需要先下載 node vscode，隨後打開 vscode 終端，使用
npm install -g typescript即可 tsc -v查看版本號，這份教程是最新的 typescript 4.0- 建議安裝 TSlint 插件規范代碼
- 編寫 TS 文件代碼，使用
tsc xx.ts命令運行 ts 文件，運行 ts 文件後會生成相應的 js 文件，這個 js 文件是 tsc 將 xx.ts 代碼編譯成 xx.js的代碼
動態語言和靜態語言的差別
- 靜態語言在編寫代碼的時候就能發現潛在的錯誤.
- 靜態語言更容易讀懂代碼，像上面的data參數靜態語言能直接讀出裡面的屬性 x, y，但是動態語言參數 data 顯然不能直接讀出裡面包含什麼屬性。
// TS
function tsFunc (data: {x: number, y: number}) {
console.log('demo ts')
return Math.sqrt(data.x ** 2 + data.y ** 2)
}
// tsFunc() // 沒有傳入參數，這裡的代碼 vscode 會提示錯誤,這就是靜態語言在編寫代碼的時候就可以知道有錯誤。
tsFunc({x: 3, y: 4}) //需要將參數代碼一起寫入。
// 再比如傳入參數的個數，ts 能直接檢測，但是生成的 js 文件不能檢測
function get(param) {
return param
}
get('hello')
get('hello', 1) // error: 應有 1 個參數，但獲得 2 個
