安裝tsc

npm install typescript -g

tsc --version

重名沖突的解決方案：

export{} 當(dāng)做模塊 有自己的作用域

搭建自動(dòng)轉(zhuǎn)換js環(huán)境：

1.通過(guò)webpack搭建ts環(huán)境(做項(xiàng)目)

npm init 創(chuàng)建package.json

npm install webpack webpack-cli -D 本地安裝 出現(xiàn)node_modules和package-lock.json

npm install ts-loader typescript -D

自建webpack.config.js配置文件

在package.json里的scripts中添加"build":"webpack"

由于會(huì)報(bào)錯(cuò)error while parsing tsconfig.json(缺少ts的配置文件)，那么就執(zhí)行tsc --init

最后npm run build 把生成的js引入html即可

2.ts-node -g>安裝(依賴另外兩個(gè)包npm install tslib @types/node -g )

ts-node TypeScript.ts

數(shù)字類型和JavaScript一樣，不區(qū)分int和double，統(tǒng)一為number類型。（當(dāng)然可以加上前綴表示進(jìn)制數(shù)）

string可以使用單引號(hào)或者雙引號(hào)，當(dāng)然也支持模板字符串

const info = my name is ${name},age is ${age},height is ${height];

Array、object、null和undefined類型

這三者也是ts js都有的，但語(yǔ)法稍有不同

Array類型

不寫類型會(huì)類型推斷

Array后加<泛型>

更推薦第一種寫法，第二種在jsx中可能會(huì)出錯(cuò)

object 類型

建議直接寫不添加類型注解，如果添加object類型注解后那么就不能從這個(gè)對(duì)象取屬性或者賦值，會(huì)報(bào)錯(cuò)

null和undefined類型

在 JavaScript 中，undefined 和 null 是兩個(gè)基本數(shù)據(jù)類型。

在TypeScript中，它們各自的類型也是undefined和null，也就意味著它們既是實(shí)際的值，也是自己的類型。

直接賦值兩者的類型推斷都是any。