[TOC] > [文檔](https://www.tslang.cn/docs/home.html) > [各 demo 實例](https://www.tslang.cn/samples/index.html) ## 準備工作 1. 安裝 `typescript` `npm install -g typescript` 2. 設置 `phpstorm` 安裝 `JavaScript Support` 查看 設置`語言&框架>TypeScript` 設置相關信息(一般默認) ## 快速入手 ### 類型聲明 greeter.ts ``` function greeter(person: string) { return "Hello, " + person; } let user = "Jane User"; document.body.innerHTML = greeter(user); ``` 執行 `tsc greeter.ts ` ### 設置默認值 `function greeter(person: string="ccc") { ` ## 技巧 ### 設置 js 的導出路徑 通過設置 使用 `tsconfig.json` 實現 ### let 與 var 作用域 #### 作用域 var 是函數作用域,在ts中不會報錯 ``` function demo(a:boolean){ if (a){ var b:number=123; } return b } demo(false);//undefined ``` let 是塊級作用域, ``` function demo(a:boolean){ if (a){ let b:number=123; } return b } demo(false);//會報錯 ``` #### 重復聲明 `var` 允許多次聲明, `let` 不允許多次聲明 #### 監聽 ts 的變化 `tsc -w`