TypeScript系列(一)初识 TypeScript

前言

2019年,TypeScript火遍大街小巷,越来越多的程序员希望在新的项目中学习和使用TypeScript,从下图中就可以看出他的受欢迎程度。下图是StackOverflow的数据

Developer Survey Results 2019

说TypeScript一定离不开JavaScript,JavaScript本身就是一门优秀且强大的编程语言。以至于有著名的Atwood定律--  一切能用 JavaScript 实现的东西,都将会用 JavaScript实现

那可能就有人会问了,既然JS这么牛逼,为什么TypeScript越来越火,甚至受欢迎程度都要超过JavaScript了呢。

诶。好问题,那么它到底是何方神圣,有什么魔力,能让大家这么喜欢,让我们来一探究竟。

定义

官网定义:TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。

TypeScript诞生于2012年10月1日,是微软的亲儿子,由微软开发并维护,并完全开源的编程语言。

为什么会出现TypeScript

简单来说,因为JavaScript设计之初就有一些缺陷,缺少一些构建大型应用必备的基础特性。比如:

到现在也没解决的类型问题。

结构化机制(类、模块、接口等等)

等等

这就导致了一些问题,比如代码可读性比较差,后期维护成本高,重构也比较麻烦。因为缺乏类型检查,更容易出现低级错误。而TypeScript从名字上就能看出,他最大的特点之一就是类型化,可以在代码编译期间提供静态类型检查,可以更早的发现代码中出现的错误,可以省去很多debug的时间。

这个时候我们的老朋友该出场了==Uncaught TypeError==

有没有很熟悉,虽然说这个是很低级的错误,一般情况下是不会出现的(嗯,假装我是老司机)。但是一旦不小心出现了,忘记传值,系统并不会告诉你,一定要等到执行阶段才会发现。所以当项目代码多起来,复杂起来,就难免会出现这样的情况。就像这个demo里的一样,我在写的时候压根不会出现任何异常,基本要到运行的时候才能发现,最糟糕的是到如果线上才发现,那就麻烦了。

很多时候可能有人会发出这样的感叹。哎呀!这个地方居然会写错了,不应该啊。之前就有个同事因为类似的错误被起哄请喝奶茶。啊!多么痛的领悟~~~。

很多人对JavaScript这些缺点不满意,所以前有狼(VBScript,Coffee),后有虎(Dartjs, WebAssembly),他们都想取而代之.但是TypeScript不一样,他是站在巨人的肩膀上所以为了弥补JS的缺陷,TypeScript增加了类型约束。我感觉不要把TypeScript认为是一门新的语言,把它看做是JavaScript的一个超集,一个提升JavaScript代码质量的工具。TypeScript 的语法设计首先考虑的就是兼容 JavaScript,毕竟.js 文件可以直接重命名为 .ts 。

TypeScript就不会出现上面那种情况。还在你写代码的过程中就会给你错误提示。成功的第一时间就能发现错误。扼杀在摇篮里的bug,才不会兴风作浪。-_-。

简而言之,TypeScript就是为了解决JavaScript的一些缺陷和痛点而诞生的,但是又完全兼容JavaScript,并且新的JavaScript特性在TypeScript中都是支持的。

TypeScript的特点

具有非常好的包容性,对于JavaScript并不是推倒重来,对于熟练掌握JavaScript的同学,肯定能比较快的适应并喜欢上它。同为微软的亲儿子的Visual Studio Code本身就是TypeScript写的,对TypeScript极其友好。

TypeScript在实现新特性的同时,始终是兼容JavaScript,并且和最新的JavaScript标准保持同步或者领先。

我接触TypeScript是因为我们前年做Angular项目,和Ionic项目。那时候也许还没有现在这么吸引大家的关注。目前TypeScript已经在很多地方被应用,比如重构的vue3,Node中Nest。UI组件中Ant Design。以及开发神器VSCode等等。

所以,前面关于那句JS的定律可以改写为:一切能用 JavaScript 实现的东西,都将会用 JavaScript实现

接下来的系列就让我们一步步来,了解并使用TypeScript吧。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容