TypeScript介绍

最新推荐文章于 2023-02-09 22:12:33 发布

bdawn

最新推荐文章于 2023-02-09 22:12:33 发布

阅读量319

点赞数 1

分类专栏： js TypeScript 文章标签： TypeScript TypeScript优缺点 TypeScript如何学习 ts优缺点 ts和js对比

本文链接：https://blog.csdn.net/BDawn/article/details/112540818

版权

13 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

顾名思义：Type类型，有类型的脚本。
可以理解为有类型的JavaScript
更官方一点的介绍：TypeScript是一种基于JavaScript的开源的编程语言

TypeScript开发的程序文件扩展名为.ts，使用Babel或其他编译器编译为js文件，最终被浏览器或node平台执行

在这里插入图片描述

看这张图我们可以了解到TS是JS的超集，TS代码中可以无区别插入JS代码，拥有JS所有的优点

下面代码直接为一个变量设置类型

let str:string = 'TypeScript'
// 下面这行代码在TS文件里会编译报错，如果是单纯的JS代码则没有任何问题
str = 11

有了静态类型，再也不用担心因为团队协作导致的一些类型相关的潜在错误了🤗，就可以使用JS做大型项目，不对，应该是使用TS做大型项目，升职加薪指日可待

在这里插入图片描述

更智能的代码提示，编码速度直线上升

在这里插入图片描述

有了TS老板再也不担心我把类型写错了啊😎

在这里插入图片描述

她猜我需要一个字符串，其实我需要一个对象

在这里插入图片描述

她知道我需要一个对象啦😍

TS的优点还有很多，比如面向接口、面向对象等，但归根结底都是静态类型带来的福利

当然静态类型给TS带来这么多优点的同时也存在一些缺点

官方给出的建议是先从之前的项目代码入手，将js代码一点点添加类型，重构代码。

个人觉得可以从一下几点入坑入门

总的来说TS不难

关注