为什么要使用TS
1.什么是TypeScript(TS)？
- TypeScript简称TS
- TS和JS之间的关系其实就是Less/Sass和CSS之间的关系
- 就像Less/Sass是对CSS进行扩展一样, TS也是对JS进行扩展
- 就像Less/Sass最终会转换成CSS一样, 我们编写好的TS代码最终也会换成JS
2.为什么需要TypeScript?
- 因为JavaScript是弱类型, 很多错误只有在运行时才会被发现
- 而TypeScript是强类型, 它提供了一套静态检测机制, 可以帮助我们在编译时就发现错误 ... ...
3.TypeScript特点
- 支持最新的JavaScript新特特性
- 支持代码静态检查
- 支持诸如C,C++,Java,Go等后端语言中的特性
(枚举、泛型、类型转换、命名空间、声明文件、类、接口等)
4.学习TS的好处
- 它的学习成本很低
- 它能减少团队无效沟通
- 它能让你的代码更健壮
- 它能帮助你快速掌握其它后端语言
- 它会让你使用熟练后就迷恋上它
TS的安装与报错解决
TS安装
- 安装TS之前请先安装NODEJS,并且确保电脑能正常使用NPM
- 打开终端输入指令
npm install -g typescript进行TS安装 - 终端输入指令
tsc -v如果有版本号出现, 则代表安装成功 - 安装成功就可以愉快的使用TS了
常见报错
- 如果你使用的代码编辑工具是
vscode,那么你很可能在运行TS的的时候会遇到下面的报错
tsc : 无法加载文件 C:\Users\xxxxxx\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft
.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ tsc typescript.ts
+ ~~~
+ CategoryInfo : SecurityError: (:) []，PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
- 该错误提示使用tsc的时候脚本被系统禁止直行了,解决方法如下:
1.管理员权限打开vscode2.终端输入:Set-ExecutionPolicy Unrestricted表示可以执行未签名的脚本3.查看是否设置完成：
get-executionPolicy
体验TS
需求 :
用参数a加上参数b的length, 必须规定参数a是number,参数b是数组
- 使用JS进行书写
function add(a, b) {
return a + b.length;
}
var res = add(1, [1, 2, 3]);
console.log(res);
- 使用TS进行书写
function add(a: number, b: any[]) {
return a + b.length;
}
let res = add(1, [1, 2, 3]);
console.log(res);
- 如果使用JS进行编写, 那么在使用的时候, 则不知道自已有没有传输错误类型进去, 而使用TS编写,输入错误的类型直接进行了程序的报错, 很大程度上的增加了开发的效率.
