Picker Ready Go

# 认识 typescript 及环境搭建

# 基于 javascript 认识 typescript

# typescript 的特点

  • ts (opens new window)是js的超集，即你可以在ts中使用原生js语法。
  • ts需要静态编译，它提供了强类型与更多面向对象的内容。
  • ts最终仍要编译为弱类型的js文件，基于对象的原生的js，再运行。故ts相较java/C#这样天生面向对象语言是有区别和局限的
  • ts是由微软牵头主导的，主要来自C#

# typescript 和 javascript 的区别

  • TypeScript是一个应用程序级的JavaScript开发语言。（这也表示TypeScript比较牛掰，可以开发大型应用，或者说更适合开发大型应用）
  • TypeScript是JavaScript的超集，可以编译成纯JavaScript。这个和我们CSS中的Less或者Sass`是很像的，
  • 我们用更好的代码编写方式来进行编写，最后还是有好生成原生的JavaScript语言。
  • TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方，都可以运行我们写的程序，设置在node.js里。
  • TypeScript始于JavaScript，终于JavaScript。遵循JavaScript的语法和语义
  • TypeScript可以重用JavaScript代码，调用流行的JavaScript库。
  • TypeScript提供了类、模块和接口，更易于构建组件和维护。

# typescript环境搭建

注意

typescript: v4.5.4

javaScript: ES2020

# 安装最新版本的typescript

npm i -g typescript
1

# 安装ts-node

npm i -g ts-node
1

# 创建一个tsconfig.json文件

tsc --init
1

然后新建index.ts,输入代码后，执行 ts-node index.ts 即可。

TIP

也可以使用webpack/vite搭建一个使用typescript的项目环境。

TypeScript 基础 →