写点什么

Slack 从 JavaScript 切换至 TypeScript

  • 2017-04-23
  • 本文字数:1385 字

    阅读完需:约 5 分钟

Slack 桌面端工程师 Felix Rieseberg撰文介绍了 Slack 从 JavaScript 切换至 TypeScript 充满挑战,但也获得了巨大收益的过程。

为了简化大型 JavaScript 代码库的管理工作,在放弃使用 JSDoc 进行函数签名的记录,以及相关用途的描述后,Slack 团队决定切换至 TypeScript。Rieseberg 专门提到,对于现有代码库,很难应用 JSON 的方法,因为这需要对代码的修改制定严格的约束,但实际上通常可能根本无法轻松地了解预期的类型到底是什么,例如一个 Ppromise 所要解决的到底是什么问题。

Slack 团队选择 TypeScript 的原因之一在于,TypeScript 是 JavaScript 的超集,因此无须更改现有代码即可使用,并能在采用后逐渐启用其代码分析功能,包括很多流行的软件包中提供类型定义。随着时间的流逝,他们稍后还可以启用高级编译器选项,例如 --noImplicitAny,借此防止编译器就any类型进行推断。Rieseberg 说他们花了大约六个月的时间为大部分桌面应用的代码添加注解,在这个过程中,编译器发现了很多 Bug,并且他们通过诸如自动补全等高级编辑功能大幅加快了开发速度。

InfoQ 就这一过程采访了 Rieseberg。

您提到才用了循序渐进的方法来启用 TypeScript 的编译器选项。能否详细说说哪些选项可以在一开始就启用,哪些选项需要在对原有代码进行更多调整之后才能启用?

我认为,any类型是将我们的代码库迁移至 TypeScript 最强有力的理由之一。该类型可以让我们循序渐进地将any声明稳步替换为更具体的类型和接口。随着使用类型数量的增加,我们迟早会从这种交类型与并类型所提供的抽象中获益,而这些问题原本是新接触类型系统的开发者最头疼的。在我个人看来,循序渐进地采用 TypeScript,这种方法的可行性主要源自它可以接纳现有的 JavaScript。TypeScript 会试图理解你的代码,并尽可能为你的开发工作提供支持,但就算你没时间将自己的整个代码库一次性移植完成,TypeScript 也能让人受益匪浅。

从一种动态的类型切换至一种严格类型的语言,通常可以借机重新设计某些东西。Slack 遇到过这种情况吗?

我们向着 TypeScript 的转换主要是由开发者 OJ Kwon 负责的,他在加入团队后很快就开始进行了。他发现这一过程中有很多机会可以让我们完善现有代码库。尤其是移植到 TypeScript 的过程可以帮助我们更好地理解架构内部的数据流动,但从更大范围来说,回顾现有代码始终是一种重新思考所采取的具体方法的好机会。

从语言的层面上来说,TypeScript 的哪些功能对于你们构建表达式类型系统最有帮助?

我最喜欢声明合并(Declaration merging),这个功能可以让我们重用现有类型和声明,借此表达我们所要实现的目标。此外虽然关注度略低,但我们的代码库中还大量用到了字符串字面量(String literal)类型。

您刚才强调说,TypeScript 最大的优势之一在于它是 JavaScript 的超集。从另一方面来看,这也意味着无法完全确信你从应用的纯 JavaScript 层所获得的任何东西。对此您是怎么看的?这是否会造成什么问题?

有必要指出一点,围绕 TypeScript 还有一个名为 Salsa 的项目,这是一种开发服务器,可以在使用 JavaScript 时提供类似于 TypeScript 的体验。正是该项目的引擎帮助 Visual Studio Code 理解 JavaScript。开发过程中我们配合使用了 TypeScript、声明文件,以及 Salsa,结果还不错。我个人很喜欢 TypeScript 对声明文件的处理方法。

阅读英文原文 Moving from JavaScript to TypeScript at Slack

2017-04-23 19:002376
用户头像

发布了 283 篇内容, 共 108.7 次阅读, 收获喜欢 62 次。

关注

评论

发布
暂无评论
发现更多内容

学习-2

4anonymous

Go的测试框架

Rayjun

Go 语言

模块二作业

bin

模块七

SAKIN

解读顶会CIKM'21 Historical Inertia论文

华为云开发者联盟

华为云 论文 长序列时间 时间序列预测 CIKM’21

书单 | 做数字化转型,离不开这10本书!

博文视点Broadview

架构实战营模块二作业-分析微信朋友圈的高性能复杂度

李焕之

11. 有大数据就有人工智能的机会

Databri_AI

人工智能

微信朋友圈高性能复杂度分析

Geek_85eb5f

转型 Golang 开发的心路历程

baiyutang

php 云原生 求职 Go 语言 9月日更

Node.js 应用全链路追踪技术——[全链路信息获取]

vivo互联网技术

node.js 大前端 编程语言 全链路追踪 语言 & 开发

架构实战训练营模块 2 作业

Sonichen

架构实战营 - 模块七作业

思梦乐

Vue进阶(九十六):VuePress 详解

No Silver Bullet

Vue 9月日更

微信PaxosStore:深入浅出Paxos算法协议

OpenIM

微信朋友圈高性能复杂度分析

消失的子弹

微信 架构 互联网 云原生

朋友圈高性能复杂度分析

陈家豪

架构实战营

【VueRouter 源码学习】第四篇 - 创建路由映射表

Brave

源码 vue-router 9月日更

架构训练营 模块二

Leach Sun

【Flutter 专题】55 日常问题小结 (二)

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 9月日更

模块二

树建

架构实战营

模块二作业

紫云

微信朋友圈的高性能复杂度分析与设计

眼镜盒子

架构实战营

自己动手写个微型博客吧,还能实现网页版 Blink,No.1

梦想橡皮擦

9月日更

50亿海量数据如何高效存储和分析? GaussDB (for Cassandra) 3个秘诀搞定

华为云开发者联盟

存储 华为云 海量数据 分析 GaussDB (for Cassandra)

架构实战营 - 模块二作业

Alex.Wu

微信朋友圈高性能复杂度分析

Sky

#架构实战营

架构设计系列二 如何抓住架构设计的关键点

nydia

架构实战营作业 -- 模块二

冬瓜茶

微信朋友圈高性能复杂度分析

看,有只猪

架构训练营 模块二

初一

Slack从JavaScript切换至TypeScript_JavaScript_Sergio De Simone_InfoQ精选文章