DEV Community
·
如何使用TypeScript累积类型：为所有可能的fetch()结果进行类型定义
💡
原文英文，约1800词，阅读约需7分钟。
📝
内容提要
作者在重写应用时探讨如何安全地为HTTP响应的所有可能主体进行类型定义，强调不仅要关注成功响应，还要考虑失败响应的不同信息。通过结合TypeScript和流畅语法，提出了一种根据HTTP状态码准确定义响应主体类型的方法，从而提升代码的准确性和可读性。
🎯
关键要点
- 作者在重写应用时探讨如何安全地为HTTP响应的所有可能主体进行类型定义。
- 强调不仅要关注成功响应，还要考虑失败响应的不同信息。
- 许多开发者只关注HTTP状态码为2xx的成功响应，忽视了失败响应的处理。
- 流行的数据获取包如ky和axios在非OK状态码时抛出错误，这种做法存在问题。
- HTTP响应根据状态码可能携带不同的信息，需根据状态码定义不同的响应主体类型。
- 提出使用流畅语法（链式语法）来累积类型，以便根据HTTP状态码准确地定义响应主体类型。
- 通过定义类型来实现类型收敛，使TypeScript能够根据状态码推断响应主体的类型。
- 最终实现了一个名为DrFetch的类，能够根据HTTP状态码和响应主体类型提供准确的类型支持。
- 作者认为通过结合TypeScript和流畅语法，可以提升代码的准确性和可读性。
- 作者还创建了另一个包wj-config，旨在消除过时的.env文件和dotenv，使用了类似的TypeScript技巧。
❓
延伸问答
如何为HTTP响应的所有可能主体进行类型定义？
可以使用TypeScript结合流畅语法，根据HTTP状态码定义不同的响应主体类型。
为什么开发者通常只关注成功的HTTP响应？
许多开发者只关注状态码为2xx的成功响应，忽视了失败响应的信息，这可能导致错误处理不当。
流行的数据获取包如ky和axios有什么问题？
这些包在非OK状态码时抛出错误，这种做法不合理，因为它们忽视了失败响应的有效信息。
如何使用流畅语法来累积类型？
通过定义一个返回自身的类，可以链式调用方法来累积类型，从而实现类型的组合。
DrFetch类的主要功能是什么？
DrFetch类能够根据HTTP状态码和响应主体类型提供准确的类型支持，提升代码的准确性。
如何通过TypeScript实现类型收敛？
通过定义类型并结合状态码，TypeScript可以推断出响应主体的类型，从而实现类型收敛。
🏷️
标签
➡️
