1.什么是 ts?
ts 全称是 TypeScript
TypeScript 可以理解为是 JavaScript 的扩展,扩展了 js 的语法,因此我们可以在 ts 中继续写 js 的代码而不回报错
TypeScript 又叫做静态的 JavaScript,不能直接引入到 html 中,不能直接被浏览器识别,需要经过 ts 转换器或者是 babel 转化后才能使用
2.如何理解静态语言和动态语言?
类型系统按照类型检查的时机来分类,分为动态类型和静态类型,动态是在运行时候才检查数据类型,静态是在编译时候检查数据类型
1. 静态语言是在编译期间就会做数据类型的检查,也就是要在写代码的时候就声明变量的数据类型。大部分的后台语言比如 java,php 等以及我们要学的 ts 都是静态的。
2. 动态语言是指在运行期间才会去做类型检查的语言,也就是说动态语言声明的时候不需要指定数据类型。比如 javascript 和 python 都是动态的。
3.什么是强类型和弱类型
强类型和弱类型是类型系统按照 是否允许隐式转换 来分类
1. 强类型的语言 指的是 强制数据类型定义的语言,也就是说如果一个变量被指定了某一个类型,如果不经过强制数据类型转换,他永远都是这个数据类型。强类型好处是 更加严谨更加安全。
2. 弱类型 是 数据类型可以被忽略的语言,与强类型相反,一个变量可以赋不同的数据类型的值。好处是 编写代码速度更快更简单。
4.ts 可以理解为就是静态的 js 语言,TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性,所以它们都是弱类型。
5、TypeScript 开发环境搭建
1. 下载 Node.js
- 64 位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x64.msi
- 32 位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x86.msi
2. 安装 Node.js
3. 使用 npm 全局安装 typescript
- 进入命令行
- 输入:npm i -g typescript
- 如果是 yarn 就执行 yarn add -g typescript
- 输入 tsc -v 查看版本号 检查是否装好
4. 创建一个 ts 文件
5. 使用 tsc 对 ts 文件进行编译
- 进入命令行
- 进入 ts 文件所在目录
- 执行命令:tsc xxx.ts
6. 如何自动监视 ts 文件的转化
- 首先在放 ts 的文件夹下打开终端 执行 tsc --init 命令 会生成一个 tsconfig.json 文件
- 点击 vscode 终端-->选择运行任务-->输入 tsc 按下回车-->选择 tsc:监视 xxxx 文件夹下的 tsconfig.json 文件
- 之后再写的 ts 代码就会自动转化为 js
7. 在生成的 tsconfig.json 中有一个 target 配置 可以去指定由 ts 转化的 js 代码是 es6 的还是 es5 等等