3步搞定适宜性能优化：源码拆解面试不再慌

面试被问原理答不上来？别慌，这通常是“适宜”场景下的性能优化没吃透。很多应届生卡在基础概念，导致回答空洞。今天拆解 NPM 官方包 node-fetch 的核心逻辑，用源码讲清如何优化。

入口定位：找到核心代码

打开 node-fetch 仓库，主入口是 src/index.js。面试常问：“发起请求后，数据怎么回来？” 看 fetch 函数：

// src/index.js 节选
export default async function fetch(url, options = {}) {const { method = 'GET', headers = {}, body } = options;// 关键：创建 Request 对象，这里封装了 URL 解析const request = new Request(url, { method, headers, body });// 核心：调用内部 _fetch 执行网络请求return _fetch(request);
}

逐行看：第一行定义函数，接收 URL 和选项。第二行解构默认值，method 默认 GET，headers 默认空对象。第三行实例化 Request，这是 ES6 标准接口，但 node-fetch 做了 Node.js 适配。第四行调用 _fetch，真正干活的地方。面试技巧：先说“封装”，再说“执行”，体现分层思维。

核心片段：_fetch 的实现

_fetch 在 src/index.js 后半部分，重点看 Promise 链：

// src/index.js 节选
function _fetch(request) {return new Promise((resolve, reject) => {// 1. 解析 URL，获取协议const url = new URL(request.url);const protocol = url.protocol;// 2. 根据协议选择 HTTP 或 HTTPS 模块const httpModule = protocol === 'https:' ? https : http;// 3. 创建请求，设置超时const req = httpModule.request(request.url, {method: request.method,headers: request.headers,timeout: 30000 // 30秒超时，防止挂起}, res => {// 4. 处理响应，检查状态码if (res.statusCode >= 400) {reject(new Error(`HTTP ${res.statusCode}`));} else {// 5. 封装 Response 对象const response = new Response(res, {status: res.statusCode,headers: res.headers});resolve(response);}});// 6. 错误处理：连接失败、超时req.on('error', reject);req.on('timeout', () => {req.destroy();reject(new Error('Timeout'));});// 7. 如果有 body，写入请求体if (request.body) {req.write(request.body);}req.end();});
}

逐行注释：1. 解析 URL 获取协议，避免硬编码。2. 动态选择 http 或 https 模块，这是 Node.js 内置的。3. 设置 timeout: 30000，关键性能点，防止慢请求阻塞。4. 状态码 >=400 时 reject，符合 RESTful 规范。5. 封装 Response，统一返回格式。6. 监听 error 和 timeout 事件，健壮性设计。7. 写入 body 后 end()，必须调用，否则请求不发出。面试避坑：很多人漏掉 timeout，导致生产环境挂起。

设计思想：为什么这样写？

node-fetch 的设计核心是标准化和健壮性。它模拟浏览器 fetch API，但适配 Node.js 环境。看两点：

Promise 封装：网络请求是异步的，用 Promise 避免回调地狱。面试可说：“异步操作统一用 Promise，便于错误处理链。”
超时机制：默认 30 秒超时，是性能优化的关键。没有超时，一个慢请求可能拖垮整个服务。参考 NPM 官方文档，node-fetch 建议根据业务场景调整超时值，比如内部服务 5 秒，外部 API 30 秒。

对比其他库：axios 也支持超时，但 node-fetch 更轻量，只依赖 Node.js 内置模块。面试技巧：说“轻量级”和“无依赖”，体现技术选型能力。

手写简化版：10行代码实现

面试手写题，常问“实现一个简单 fetch”。简化版如下：

// 简化版 fetch，仅支持 GET
function simpleFetch(url) {return new Promise((resolve, reject) => {const isHttps = url.startsWith('https');const module = isHttps ? require('https') : require('http');module.get(url, res => {let data = '';res.on('data', chunk => data += chunk);res.on('end', () => {if (res.statusCode >= 400) {reject(new Error(`HTTP ${res.statusCode}`));} else {resolve({ status: res.statusCode, body: data });}});}).on('error', reject);});
}

逐行看：1. 返回 Promise。2. 判断协议选模块。3. module.get 发起 GET 请求。4. 监听 data 事件，累积数据。5. end 事件时，检查状态码，resolve 或 reject。6. error 事件统一拒绝。面试技巧：强调“事件监听”和“数据累积”，这是 Node.js 流式处理的基础。

应用场景：什么时候用？

node-fetch 适合轻量级 HTTP 请求，比如调用 REST API、健康检查。不适合复杂场景，如文件上传（需 form-data）、WebSocket。性能优化建议：

超时设置：根据网络环境调整，内部服务 5-10 秒，外部 API 30 秒。
连接池：node-fetch 不内置连接池，可结合 http.Agent 复用连接。
缓存：配合 http-cache-semantics 库，减少重复请求。

面试答题技巧：时间分配上，原理 30%，代码 40%，优化 30%。别只背概念，要结合源码。与其他岗位区别：前端 fetch 是浏览器原生，Node.js 需 polyfill，node-fetch 就是干这个的。证书方面，这类底层知识是系统架构师面试的加分项，初级岗位更重业务，高级岗位重原理。

你公司项目里是怎么处理 HTTP 请求超时的？欢迎评论分享实战经验。