异步Promise调用中读取id遇Cannot read properties of undefined错误怎么办？

问题背景 #

这段代码通过Promise.all批量处理多源异步数据，但运行时抛出错误：

TypeError: Cannot read properties of undefined (reading 'id')

错误指向这一行：
results[resKey].respId = await calcResult.result.configuration.id;

错误原因 #

核心问题是尝试读取undefined的属性：calcResult.result或calcResult.result.configuration不存在，可能的触发场景：

• getResults返回的响应结构不符合预期，比如成功时也没返回result字段
• 当calcResult.message !== 'OK'时，代码仅打印错误日志却继续执行后续逻辑，此时calcResult.result大概率是undefined

确保数据就绪的解决方案 #

1. 严格校验异步返回结果的结构 #

在读取深层嵌套属性前，先做存在性校验，或者用可选链操作符?.避免报错：

// 方式1：逐层判断+终止任务
if (!calcResult?.result?.configuration) {
    console.error('返回结果结构异常:', calcResult);
    return; // 终止当前异步任务，不再执行后续逻辑
}
// 确认存在后再读取属性
results[resKey].respId = calcResult.result.configuration.id;

// 方式2：用可选链+默认值，避免报错同时给默认值
results[resKey].respId = calcResult?.result?.configuration?.id ?? '默认ID';

2. 错误场景下及时终止任务 #

当getResults返回失败状态（message !== 'OK'）时，不能继续执行后续依赖该结果的代码，必须终止当前异步任务：

const calcResult = await getResults(configuration);
if (calcResult.message !== 'OK') {
    console.error('计算请求失败:', calcResult);
    return; // 直接终止，避免后续读取undefined属性
    // 也可以抛出错误，让Promise.all统一捕获：throw new Error('计算请求失败')
}

3. 避免共享对象的并发修改风险（优化项） #

原代码中多个异步任务同时修改共享的results对象，虽然不是本次错误的直接原因，但存在潜在的并发覆盖问题。建议每个异步任务返回独立结果，最后再合并：

const handleCalculations = async ({ configuration, product }) => {
    const configurations = [];
    /* configurations 填充逻辑 */

    // 每个异步任务返回自己的处理结果
    const processedItems = await Promise.all(configurations.map(async (configuration) => {
        const calcResult = await getResults(configuration);
        if (calcResult.message !== 'OK') {
            console.error('计算请求失败:', calcResult);
            return null;
        }
        if (!calcResult?.result?.configuration) {
            console.error('结果结构异常:', calcResult);
            return null;
        }
        const builtResponse = await getResponse(configuration).filter(populatedOnly);
        // 注意：原代码中processed变量未定义，需确保resKey获取正确
        const resKey = configuration.module; // 假设从configuration中获取，根据实际逻辑调整
        return { key: resKey, data: { respId: calcResult.result.configuration.id, result: builtResponse } };
    }));

    // 最后合并所有有效结果
    const results = {};
    processedItems.forEach(item => {
        if (item) {
            results[item.key] = item.data;
        }
    });

    return { message: 'OK', result: results };
};

4. 检查未定义变量的正确性 #

原代码中processed.config.module的processed变量未看到定义，这会导致resKey为undefined，进而引发results[undefined]的异常。必须确保resKey的来源变量已正确定义并赋值。

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