原文地址：TypeScript — JavaScript with superpowers — Part II

原文作者：Indrek Lasn

译文出自：掘金翻译计划

本文永久链接：github.com/xitu/gold-m…

译者：jonjia

校对者：Usey95 anxsec

TypeScript：拥有超能力的 JavaScript（下）

欢迎回来，继前文 [译] TypeScript：拥有超能力的 JavaScript (上) 之后，本周带来下篇。

使用枚举（enum）可以更清晰地组合一组数据。

下面我们来看看如何构造一个枚举类型：

你可以通过下面的方法从枚举中取值：

但这样返回的是这个值的整数索引，和数组一样，枚举类型的索引也是从 0 开始的。

那我们怎么获取到 "Indrek" 呢？

注意看我们怎么获取到字符串的值。

还有一个很好的例子是使用枚举存储应用的状态。

如果你想了解更多关于枚举（enum）的知识，stackoverflow 上的这个回答探讨了更多关于枚举的细节。

假设我们请求某个 API，获取了一些数据。我们总是期望成功获取数据 — 但如果我们无法获取到数据会怎样呢？

是时候返回 never 类型了，比如下面这种特殊使用场景：

注意我们传递的 message 参数

我们可以在另外的方法中调用 error 方法（回调）

因为我们推断返回值的类型是 never，所以我们声明返回值的类型为 never，而不是 void。

null — 没有任何值。
undefined — 变量被声明了，但没有赋值。

它们本身的类型用处不是很大。

默认情况下 null 和 undefined 是所有类型的子类型。就是说你可以把 null 和 undefined 赋值给 number 类型的变量。

图片来自 stackoverflow

关于 null 和 undefined，Axel Rauschmayer 博士写过一篇非常棒的文章。

类型断言通常会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。

它在运行时没有影响，只会在编译阶段起作用。TypeScript 会假设你 — 程序员，已经进行了必要的检查。

下面是一个简单示例：

尖括号 <> 语法与 JSX 用法冲突，所以我们只能使用 as 语法进行断言。

关于类型断言的更多内容

一些更酷的东西

接口
绝对类型
联合类型
类
一些很棒的 TypeScript 项目

现在 — 用 TypeScript 来构造些有趣的东西吧！?

感谢阅读，希望你有所收获！

你可以关注我的 Twitter。

掘金翻译计划是一个翻译优质互联网技术文章的社区，文章来源为掘金上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注掘金翻译计划、官方微博、知乎专栏。

[译] TypeScript：拥有超能力的 JavaScript（下）相关推荐

CCN：拥有雄厚实力的BCH将成为下一轮牛市的催化剂
本周,海外知名区块链媒体CCN(CryptoCoinsNews)在网站首页发布了一篇题为<拥有雄厚实力的BCH将成为下一轮牛市的催化剂>的文章,文中解释了BCH能成为牛市催化剂的原因得益于 ...
Typescript基础类型以及与Javascript对比
TypeScript数据类型以及与JavaScript对比文章目录 TypeScript数据类型以及与JavaScript对比介绍一.数据类型与基础数据类型 1.数据类型 2.基础数据类型 3. ...
超详细Windows环境下使用Apache部署Django项目教程
目录超详细Windows环境下使用Apache部署Django项目教程 1.什么是Apache 2.安装并配置Apache 2.1 下载Apache 2.2 解压Apache到文件夹 2.3 配置c ...
让大脑拥有超级记忆力的30个小习惯
让大脑拥有超级记忆力的30个小习惯,<海马记忆训练>–读书笔记 1.闭上眼睛吃饭. 阻断视觉,让嗅觉和味觉大显身手. 2.用手指分辨硬币. 通过有意识的指尖训练来提高脑的性能. 3.带上耳 ...
函数式编程在JavaScript下应用实践
点击此处阅读原文:函数式编程在JavaScript下应用实践函数式编程在JavaScript下应用实践文章目录函数式编程在JavaScript下应用实践前言从一个实际需求说起一把梭实现 C ...
黑科技之中文计算机语言,脑洞大开这些黑科技让你拥有超能力
脑洞大开,想"长生不老"的各位亲不用再苦等唐僧肉了!科学家说200年内人类可以通过生物科技和遗传工程学技术,将自己打造成半机械人,从而自己控制生死.但是!愿望是美好的,资金是巨额的 ...
拥有超20万市场主体，雨花区如何打造和谐营商环境？
随着雨花区红星商圈步步高星城天地进入开业倒计时,一个不输IFS的大型综合商业体即将展现在我们眼前.一旦步步高星城天地顺利开业,就标志着红星商圈开启了以新换旧.打造综合商业体的2.0时代. 红星商圈的转 ...
JavaScript下拉菜单的例子
原文地址:http://www.cnblogs.com/yes123/p/3944046.html JavaScript下拉菜单的例子分享 css+js下拉菜单完整代码: <!DOCTYPE ...
JavaScript下的进制转换
JavaScript下的进制转换 //十进制转其他进制 var num = 99; console.log('十进制: ', num); console.log('八进制:', (num).toStr ...

[译] TypeScript：拥有超能力的 JavaScript（下）

TypeScript：拥有超能力的 JavaScript（下）

一些更酷的东西

[译] TypeScript：拥有超能力的 JavaScript（下）相关推荐

最新文章

热门文章