学习资料:https://ts.xcatliu.com/introduction/what-is-typescript
什么是TS
TS 是 JS 的一个超集,主要提供了类型系统和对ES6的支持,Microsoft家的,开源的。
为什么选择TS
- TS 增加了代码的可读性和可维护性
- TS 非常包容
- TS 拥有活跃的社区
TS 的一些缺点
- 需要一些学习成本
- 开发的时候因为要写类型定义啥的,增加了开发成本(但是会降低后期的维护成本)
- 集成到构建流程需要一些工作量
- 和一些库可能结合的不是很完美
安装TS
npm install -g typescript
以上命令会在全局安装 tsc 命令,编译文件在命令后加文件名即可
tsc hello.ts
Hello TS
// hello.ts function sayHello(person: string) { return 'Hello, ' + person; } let user = 'Tom'; console.log(sayHello(user));
编译 ts
tsc hello.ts
会在当前目录生成一个 hello.js
// hello.js function sayHello(person) { return 'Hello, ' + person; } var user = 'Tom'; console.log(sayHello(user));
代码说明:
冒号(:)用于指定变量的类型,ts 只做静态代码检查,在JS代码中不会插入类型校验。
注意:如果在编译的时候报错了,会报错,但是还是会生成js文件,不过报错之后是否能生成JS文件是可配置的,在tsconfig.json中配置noEmitOnError即可(官方文档)