JavaScript中Promise<Response>的含义及参数类型识别原理是什么

关于<>包裹类型的含义 #

这个是TypeScript泛型的语法，和你熟悉的C++模板作用基本一致：

• Promise是JS内置的异步容器类，本身支持泛型定义，<>里传入的就是这个Promise实例的成功返回值的类型
• 你看到的Promise<Response>，明确表示这个fetch返回的Promise在执行成功时，会返回一个Response类的实例，和C++里std::promise<Response>的语义几乎完全一致。

关于参数r的类型推导逻辑 #

这个是编辑器的静态类型检查能力推导出来的，不需要运行代码：

• 浏览器内置的所有Web API（包括fetch）都有官方维护的类型声明文件（.d.ts文件），fetch函数的类型签名在声明文件里已经预先定义为返回Promise<Response>
• Promise的then方法的类型定义里，明确约定了第一个回调函数的入参类型，就是当前Promise泛型参数指定的成功值类型，所以编辑器可以直接推导出r的类型是Response
• 哪怕你写的是纯.js文件没有加任何TS类型标注，只要你的编辑器（比如VS Code）内置了这些类型声明文件，就能正常给出类型提示。

内容的提问来源于stack exchange，提问作者Tare Arnaut