TypeScript的介绍

1.什么是ts？

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开发环境搭建

下载 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 等等

————————————————

原文链接：https://blog.csdn.net/ch2362710931/article/details/124607048