文档
- typeScript官网
- 中文文档:https://www.tslang.cn/index.html
- 中文文档(简洁点):https://typescript.bootcss.com
- MDN
概述
TypeScript 是以JavaScript为基础构建的语言。
TypeScript 是一个为 JavaScript 添加静态类型检查的编程语言。
TypeScript 是 JavaScript 的超集:因此 JavaScript 语法是合法的 TypeScript ,TypeScript 和JavaScript 的运行时行为是相同的。
注意:TypeScript不能被 JavaScript 解析器直接执行,需要编译转换成 JavaScript 再执行。
既然 TypeScript 要转换成 JavaScript 再执行,那为什么还要使用TypeScript呢?
TypeScript是JavaScript的超集,在JavaScrip的基础上扩展了以下内容:
- 静态类型系统
- 可以为变量、函数参数、函数返回值等明确指定类型,如 string、number、boolean、自定义对象类型等。
- 类(Class)
- 支持类的定义,包括属性、方法、访问修饰符(public、private、protected)等。
- 接口(Interface)
- 用于定义对象的形状和行为规范。
- 枚举(Enum)
- 可以定义一组命名的常量值。
- 泛型(Generics)
- 使函数和类可以在多种类型上工作,提高代码的复用性和灵活性。
- 模块(Module)
- 提供了更好的模块组织和管理方式,如 import 和 export 语句。
- 装饰器(Decorator)
- 一种特殊的声明,可以修改类、方法、属性等的行为。
- 可选参数和默认参数
- 函数参数可以设置为可选的,并提供默认值。
安装TypeScript
- 下载并安装Node.js
- 使用npm全局安装
npm install -g typescript
- 版本查询
tsc -v
安装成功,但是执行tsc -v 命令,查看安装的ts版本时报错:
tsc : 无法加载文件 D:\nodejs\node_global\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.
com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
这个错误提示表明系统执行策略限制了脚本的运行。解决问题:
- 以管理员身份运行 Windows PowerShell 。
- 输入以下命令来更改执行策略,以允许本地脚本运行:
Set-ExecutionPolicy RemoteSigned
- 在出现的提示中,选择“Y”(是)来确认更改执行策略。
- 再次尝试执行
tsc -v
命令,执行成功
接下来就可以使用TypeScript了。
构建一个TypeScript文件
创建 TS_01.ts
文件,并编写TS代码:
console.log("hello TS!");
编译代码:
- 第1种方法:在编辑器终端 运行TypeScript编译器
tsc TS_01.ts
。 - 第2种方法:打开
TS_01.ts
所在文件夹,运行 Windows PowerShell,运行TypeScript编译器tsc TS_01.ts
。
输出结果为一个TS_01.js
文件,它包含了和输入文件中相同的JavsScript代码。