跳过正文
  1. 文章/
  2. 前端/
  3. 语言/
  4. TypeScript/

1、TypeScript

·521 字·2 分钟· loading · loading · ·
前端 语言 TypeScript
GradyYoung
作者
GradyYoung
TypeScript - 点击查看当前系列文章
§ 1、TypeScript 「 当前文章 」

什么是TypeScript
#

TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。

TypeScript = Type + JavaScript(在 JS 基础之上,为 JS 添加了类型支持)。

TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。

image-20240827143454076

Demo
#

环境安装
#

由于Node.js和浏览器,只认识 JS 代码,不认识 TS 代码。需要先将 TS 代码转化为 JS 代码,然后才能运行。

npm install -g typescript

验证是否安装成功:tsc –v(查看 typescript 的版本)。

HelloWorld
#

创建index.ts,并编写代码

var message:string = "Hello World" 
console.log(message)

使用命令tsc index.ts进行编译,编译后会在同目录中出现index.js

使用命令node index.js执行。

简化TS执行步骤
#

每次修改代码后,都要重复执行两个命令,才能运行 TS 代码,太繁琐。

  • 编译tsc index.ts
  • 执行node index.js

使用 ts-node 包,直接在 Node.js 中执行 TS 代码。

npm install -g ts-node

安装完成后可以使用ts-node index.ts直接执行ts代码

@types/node
#

Node.js 本身以纯 JavaScript 实现,核心模块(例如 fs、http、crypto)在运行时动态暴露 API。

TypeScript 编译器若想准确推导这些 API,就必须提前知道它们的形状。

声明文件(.d.ts)正是用来描述这层“形状”的专用语法。

所以我们如果想在 ts 中使用 Node.js 中声明的变量、方法不报错,那么就需要安装这个包

npm install --save-dev @types/node
TypeScript - 点击查看当前系列文章
§ 1、TypeScript 「 当前文章 」