把握行业变革关键节点,12 月 19 日 - 20 日,AICon北京站即将重磅启幕! 了解详情
写点什么

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:002809
用户头像

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

关注

评论

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

2023前端二面经典手写面试题

helloworld1024fd

JavaScript 前端

PCB生产工艺|主流程之AOI,华秋一文读懂其子流程

华秋电子

MIAOYUN 2023年度战略共识会

MIAOYUN

战略共识 战略会

能不能手写Vue响应式?前端面试进阶

bb_xiaxia1998

Vue 前端

人人看得懂的ChatGPT技术原理解析

Baihai IDP

人工智能 自然语言处理 NLP 大模型 12 月 PK 榜 ChatGPT

IoT设备身份三元组烧录方案汇总——实践类

阿里云AIoT

阿里云 物联网 IoT

DevOps 与 FinOps:二者可以协同吗?

SEAL安全

DevOps FinOps 企业号 2 月 PK 榜

瓴羊Quick BI可视化大屏功能强劲

对不起该用户已成仙‖

华为Push用户增长服务:精准触达,加速增长

HarmonyOS SDK

HMS Core

阿里前端二面经典手写面试题汇总

helloworld1024fd

JavaScript 前端

从React源码分析看useEffect

goClient1992

React

运联智库发布跨境电商物流50强排行榜

联营汇聚

react源码分析:实现react时间分片

flyzz177

React

瓴羊Quick BI智能报表打破“中式”报表限制,提速增效

夏日星河

推荐系统[八]算法实践总结V0:腾讯音乐全民K歌推荐系统架构及粗排设计

汀丶人工智能

自然语言处理 推荐系统 推荐算法 搜索算法

React源码分析8-状态更新的优先级机制

goClient1992

React

飞桨-鹏城云脑发行版亮相第四届启智开发者大会,软硬一体化助力科研

飞桨PaddlePaddle

深度学习 paddle 飞桨

聊聊火出圈的ChatGPT

江湖修行

人工智能 AI ChatGPT

一步步实现React-Hooks核心原理

helloworld1024fd

JavaScript 前端

React源码分析8-状态更新的优先级机制

goClient1992

React

实现一个简单的Database12(译文)

GreatSQL

sqlite greatsql greatsql社区

vue的两种服务器端渲染方案

京东科技开发者

Vue 服务端 nextjs nuxt 渲染方案

GAIDC 2023盛会迎来大模型论坛“主场”,百度飞桨护航大模型产业发展

飞桨PaddlePaddle

深度学习 飞桨

react源码分析:babel如何解析jsx

flyzz177

React

说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

bb_xiaxia1998

Vue 前端

阿里前端常考vue面试题汇总

bb_xiaxia1998

Vue 前端

js函数柯里化-面试手写版

helloworld1024fd

JavaScript 前端

一个诡异的 Pulsar InterruptedException 异常

小小怪下士

Java 程序员 后端

HarmonyOS Connect “Device Partner”专场FAQ来啦!

HarmonyOS开发者

HarmonyOS

react源码中的生命周期和事件系统

flyzz177

React

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