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