2022-最新TypeScript教程(一)

目录

什么是TypeScript?

我们为什么需要学习TypeScript?

TypeScript的特点 

TypeScript环境的搭建

官方提供的TypeScript云环境


什么是TypeScript?

TypeScript简称TS,TS和JS之间的关系其实就是Less/Sass和CSS之间的关系,就像Less/Sass是对CSS进行扩展一样, TS也是对JS进行扩展,编写好的TS代码最终也会换成JS。TypeScript是JavaScript的超集,因为它扩展了JavaScript,有JavaScript没有的东西。最主要的是TS添加了类型检查,这是TS中最重要的特性。

我们为什么需要学习TypeScript?

JavaScript是一门动态语言,很多错误只有在运行时才会被发现,而TypeScript提供了一套静态检测机制, 可以帮助我们在编译时就发现错误,能让你的代码更健壮。TS的静态检查使得开发者提前发现错误,在前端工程化开发的今天确实有必要,因为团队成员技术水平参差不齐,TypeScript可以帮助避免很多错误的发生。

TypeScript的特点 

  1. 支持最新的JavaScript新特特性
  2. 支持代码静态检查
  3. 支持诸如C,C++,Java,Go等后端语言中的特性 (枚举、泛型、类型转换、命名空间、声明文件、类、接口等)

TypeScript环境的搭建

 TS是肯定能帮我们解决特定的问题,在当前的互联网寒潮下,就需要我们对于前端的必备知识更加熟悉,当然TS是必须掌握的。我们首先搭建出TypeScript的学习环境(这里默认我们已经安装了NodeJs的环境):

1.在全局环境下安装TypeScript

扫描二维码关注公众号,回复: 14733119 查看本文章
npm i -g typescript

2.安装ts-node 

npm i -g ts-node

3.新建index.ts,输入相关代码,然后创建 tsconfig.json  TS配置文件

tsc --init

以上步骤完成后,对TS代码编译执行:

(这里注意:ts-node 是一个执行环境,把 ts 编译为 js ,然后在node上运行,即:编译+执行。而tsc 是一个编译器,把 ts 编译为 js,只编译)

  • ts-node index.ts 编译执行,不生成编译后的Js代码
  • tsc index.ts 编译不执行,会生成编译后的Js代码

官方提供的TypeScript云环境

如果是初学者,为了方便和高效,官方提供了一个在线开发 TypeScript 的云环境——Playground

基于它,我们无须在本地安装环境,只需要一个浏览器即可随时学习和编写 TypeScript,同时还可以方便地选择 TypeScript 版本、配置 tsconfig,并对 TypeScript 实时静态类型检测、编译输出 JavaScript 和在线执行。

持续更新中...... 

猜你喜欢

转载自blog.csdn.net/weixin_44384728/article/details/127796866