TypeScript入門
1.全域安裝
npm install -g typescript
2.使用
- 將 ts檔案 轉換為 js檔案
tsc xxx.ts - 將轉換好的 js檔案進行執行
node xxx.js
由于這樣比較麻煩，我們可以借助 ts-node 來幫我們編譯執行
- 全域安裝
ts-node
npm install -g ts-node - 直接執行 ts檔案
ts-node xxx.ts
這樣相對于直接執行 js檔案會久一些，但是比較方便，不用自己去轉為 js檔案進行執行
3. 靜態型別
所謂的靜態型別，就是一旦定義了什么型別（比如 string、number），
就不允許你去改變為其他型別，（當然有特殊情況，這個暫不考慮）
一旦定義了什么型別，會繼承該型別上的原型方法
4. 型別推斷和型別注解
- 如果 ts 能夠自動分析變數型別（型別推斷），我們就不需要做什么了
const a = 1;
- 如果 ts 無法分析變數型別，我們就需要使用型別注解
// (num1: number, num2: number): number 型別注解
function getTotal(num1: number, num2: number): number{
return num1 + num2;
}
let num3 = getTotal(1, 2);
5. 元組
ts 提供了 元組的概念，這個概念是 js 中沒有的， 一般只在資料源是 csv 這
種檔案的時候，才會使用元組，個人理解，可以把元組看成陣列的一個加強版，
他可以更好的控制或者說規范里邊的型別
const jiejie: [string, string, number] = ['xiaofang', 'doctor', 20];
6. 類的訪問型別
- public
一般默認的 訪問型別 - protected
不允許在外部使用，但是繼承中的類是能使用 - private
只能在當前類使用，不允許去別的地方進行使用，繼承也不行
7. tsconfig.json
- 自動生成一個 tsconfig.json檔案
tsc -init - 記錄一下幾個比較實用的配置項，
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true, // 讓源檔案跟生成的檔案有對應關系，利于以后排錯
// "noImplicitAny": true, // 為true時，強型別檢查；為 false 時，如果編譯器無法根據變數的使用來判斷型別時，將用 any 型別代替
"removeComments": true, // 去除注釋
"strictNullChecks": true, // 不允許有 null值出現
"strict": true, // 啟動嚴格模式
"rootDir": "./src", // 入口檔案夾
"outDir": "./bulid", // 編譯出來后，放入的檔案夾
"noUnusedLocals": true, // 若有未使用的區域變數則拋錯
"noUnusedParameters": true // 若有未使用的引數則拋錯，
},
// "exclude": [ // 除了下面的檔案外，其他都要編譯
// "node_modules"
// ],
"include": [ // 只編譯下面這些檔案
"./src/00Hello.ts"
]
}
- 剩下的配置請參考 官方中文配置檔案
第一次寫博客，主要是記錄一下自己學到的東西，可能寫得不是很好，有錯誤的東西請大家指正，互相學習！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/97111.html
標籤：其他