【译】Typescript的类型（二）

╰半夏微凉° 2022-01-10 06:59 213阅读 0赞

>  *  原文地址：[TypeScript — JavaScript with superpowers II][TypeScript _ JavaScript with superpowers II]
>  *  原文作者：[Indrek Lasn][]
>  *  译者：[liaozeen][]

### Enum ###

枚举(**enum**erations)允许你为一组数值赋予友好的名字。

以下是`enum` 的结构：

你可以像这样从`enum`获取值：

等下，它返回表示值的索引的整数。和数组一样，枚举从 `0` 开始索引其元素。

我们怎么通过索引 `0` 得到 值`Indrek`？

注意值是如何表示为字符串的。

另一个好的运用例子是使用枚举存储应用的状态。

如果你想了解更多关于枚举的知识—我发现有关于 `enum` 细节的[不错的答案][Link 1]。

### Never ###

假设我们从API中获取了一些数据。我们总是期望能获取到数据，但是如果我们不能拿到数据该怎么办呢？

在恰当的时间返回 `never`类型（特殊情况下）

请注意我们传递的错误消息。

我们在另一个函数（回调）中调用 `error`函数：

请注意当返回类型是 `never` 时，我们使用 `never`，而不使用 `void`。

### Null && Undefined ###

*  **null** —— 缺少任何值
 *  **undefined** —— 变量已经定义，但未赋值

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

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

[资源][Link 2]

这是一篇由 Axel Rauschmayer博士写关于 `null` 和 `defined`的文章。

### 类型断言 ###

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

类型断言在运行时没有影响，只是给编译器使用。Typescript回假设你（程序员）已经执行了你需要的任何的类型检查。

这是一个演示：

方括号 `<>` 语法会与 `JSX`语法冲突，所以我们使用 `as`代替。

这里有关于类型断言的[资源][Link 3]。

更酷的东西

*  [interfaces][]
 *  [DefinitelyTyped][]
 *  [unions][]
 *  [classes][]
 *  [awesome typescript][]

现在我们已经使用Typescript做了些很酷的东西。 感谢阅读，保持好状态。可以在我的[推特][Link 4]了解更多。

转载于:https://juejin.im/post/5c979932f265da60f96f90d6

[TypeScript _ JavaScript with superpowers II]: https://link.juejin.im?target=https%3A%2F%2Fwww.strilliant.com%2F2018%2F03%2F08%2Ftypescript-%25E2%2580%2594-javascript-with-superpowers-%25E2%2580%2594-part-ii-%25E2%2580%2593-cleversonder-%25E2%2580%2593-medium%2F
[Indrek Lasn]: https://link.juejin.im?target=https%3A%2F%2Fmedium.freecodecamp.org%2F%40wesharehoodies
[liaozeen]: https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2Fliaozeen
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F28818849%2Fhow-do-the-different-enum-variants-work-in-typescript%2F28818850%2328818850
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F5076944%2Fwhat-is-the-difference-between-null-and-undefined-in-javascript%2F44388246%2344388246
[Link 3]: https://link.juejin.im?target=https%3A%2F%2Fbasarat.gitbooks.io%2Ftypescript%2Fdocs%2Ftypes%2Ftype-assertion.html
[interfaces]: https://link.juejin.im?target=https%3A%2F%2Fbasarat.gitbooks.io%2Ftypescript%2Fdocs%2Ftypes%2Finterfaces.html
[DefinitelyTyped]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FDefinitelyTyped%2FDefinitelyTyped
[unions]: https://link.juejin.im?target=https%3A%2F%2Fbasarat.gitbooks.io%2Ftypescript%2Fdocs%2Ftypes%2Fdiscriminated-unions.html
[classes]: https://link.juejin.im?target=https%3A%2F%2Fwww.typescriptlang.org%2Fdocs%2Fhandbook%2Fclasses.html
[awesome typescript]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fdzharii%2Fawesome-typescript
[Link 4]: https://link.juejin.im?target=https%3A%2F%2Ftwitter.com%2Flasnindrek