欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

[译] TypeScript:拥有超能力的 JavaScript(下)

发布时间:2025/4/16 javascript 1 豆豆
生活随笔 收集整理的这篇文章主要介绍了 [译] TypeScript:拥有超能力的 JavaScript(下) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
  • 原文地址: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(下)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。