一.TS介紹1.1 簡介ts是2012年由微軟開發，在js的基礎上添加了類型支持
1.2 優劣勢優勢 ：任何位置都有代碼提示 ， 增加效率；類型系統重構更容易；使用最新的ECMAscript語法
劣勢：和有些庫的結合并不是很完美；學習需要成本需要理解接口、泛型、類型等知識
1.3 與js區別首先要明確 ， ts的存在只是為了讓編程更便捷 ， 并不是用來取代js的 ， 是因為js是一個弱類型沒有接口泛型而已 。
文章插圖
二.環境安裝首先安裝ts，直接安裝包即可
注意是全局安裝
文章插圖
然后安裝完后記得初始化ts
文章插圖
初試化完之后有一個ts的配置文件 ， 先修改兩個東西
rootdir表示我們的輸入也就是寫的代碼所在的位置
文章插圖
outdir表示代碼會在此文件輸出
文章插圖
2.1 js的缺陷有這樣一段js的代碼
文章插圖
當我們運行會發現執行完了第一句就報錯了
文章插圖
原因就不用多說了 ， 這就是js的一個缺陷
這個時候上ts
直接將原代碼放到ts里面來會發現報錯
這里提示什么錯誤用到插件error lens
文章插圖
第一個報錯是我們要把參數規定數據類型
文章插圖
然后發現我們的參數有不符合類型的
文章插圖
所有錯誤清除
文章插圖
注意關鍵步驟來了：
剛才我們定義了一個代碼所在目錄，需要把ts文件放進去
文章插圖
然后 tsc -watch開啟ts檢測 ， 一旦發現這個ts文件變化就會有輸出文件
文章插圖
可以看到我們的ts文件已經到輸出文件的dist目錄下，并且已經轉換成js文件了
文章插圖
這個時候我們直接運行轉換出來的文件
文章插圖
三.數據類型3.1 基礎數據類型首先加一段話
意思表示 ， 如果當我們在src下創建了一些ts文件有命名沖突的時候不加的話就會報錯，加上就相當于添加了一個模塊作用域不會報命名沖突的錯誤
文章插圖
這是ts三種基礎數據類型，數值、布爾、字符串
文章插圖
一定要聲明類型才能夠賦值，而且聲明了什么類型就給什么值
文章插圖
3.2 數組數組有幾種定義的方式
首先單獨定義
文章插圖
單獨定義還有一種方式
文章插圖
第二種是混合定義就是可以定義多個類型
跟第一種有點類似，然后用括號括起來中間用|隔開
文章插圖
最后一種是任意類型
但是并不推薦這種，因為也就失去了ts矯錯的意義
推薦閱讀
- 2 java安全之CC1淺學
- fltp備份文件后統計驗證
- 哈利波特：魔法覺醒魔咒試煉基礎教學怎么玩
- 【深入淺出 Yarn 架構與實現】2-2 Yarn 基礎庫 - 底層通信庫 RPC
- 1.python基礎使用
- KeeWiDB的高性能修煉之路：架構篇
- var,let和const的不同 第一百零六篇:變量的不同聲明
- 【深入淺出 Yarn 架構與實現】2-1 Yarn 基礎庫概述
- Redisson源碼解讀-公平鎖
- 重新整理 .net core 實踐篇 ———— dotnet-dump [外篇]