[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`