TS-系列- 简介

TYF
4,456 阅读2分钟

这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战

前言

在前端项目越来越大的今天,我们急需一种方式能够在开发阶段发现潜在问题,而不是在运行阶段排查错误。为了解决此类问题，微软带着TypeScript来了，下文TypeScript简称TS。

简介

  • TS是微软开发的开源编程语言，可以在任何运行JS的地方运行
  • TS是JS的超集，也就是说TS在包含了所有JS实现的基础上，又对JS进行了补充(增加了类型支持)，请看下图，TS包含了JS的所有实现和JS的类型支持 image.png

我们为什么要用TS

  • JS的类型系统存在"先天缺陷"，JS代码中的绝大部分错误都是UncaughtTypeError,增加了在开发过程中找bug、该bug的时间
  • TS属于静态类型的编程语言，JS则属于动态类型的编程语言，TS在编译期做类型检查可以更早的发现错误；JS则会在执行期做类型检查，需要等到代码真正执行的时候才能发现问题
  • TS开发项目，程序中的任何位置都会有代码提示，提高了开发体验
  • TS支持最新的ECMAScript语法，使用最新的语法开发项目，享受极致的开发体验
  • TS强大的类型系统，提升了代码的可维护性，降低项目重构的难度
  • 基于TS强大的类型推断，不需要我们在写代码的时候显示的标注类型，降低了开发成本

安装TS

 npm i -g typescript
 // 查看ts版本
 tsc -v
  • TS的包提供了tsc命令，可以实现TS --> JS的转换(浏览器只识别JS代码，不认识TS代码),如图

image.png

TS初体验

  • 首先创建一个index.ts文件,并写入以下代码

image.png

  • 接下来我们通过tsc把TS代码编译成JS代码
    tsc ./index.ts

image.png 这个时候我们就可以看到index.js文件被tsc命令编译成功

ts-node使用

说明

  • 在上边编写代码的时候，最后，我们都会运行tsc xx命令，然后再执行js,这样就很麻烦 下载
npm i -g ts-node

示例

image.png 这样我们直接运行ts代码就好了，ts-node内部会自动执行ts-node的

写在最后

  • TS系列文章会由浅入深的逐步带你领略TS的魅力
  • 欢迎大家评论，指出不完善的地方
avatar
文章
阅读
粉丝