JavaScript then 函数中嵌套 if 条件时如何解决 createdType undefined 问题

2024-06-03 20:25:48

## 在 JavaScript 中 then 函数中包装 if 条件

### 问题：包装 if 条件时的 undefined

作为 JavaScript 初学者，你可能会在 then 函数中包装 if 条件时遇到问题。具体来说，在 skip 为 false 时，你可能希望执行某些操作，但后续 then 函数中的 createdType 却为 undefined。

### 解决方案：使用 Promise.resolve()

要解决此问题，我们需要返回一个 Promise，即使 waitForSync() 返回 undefined 也能解析。我们可以使用 Promise.resolve() 函数来实现：

return apiPostType(builtType)
    .then(() => { 
        if(!skip) {
            return Promise.resolve(waitForSync(cy.apiGetTypeWithRetry));
        }
    })
    .then(createdType => { 
        // createdType 现在已定义
    });

这样，第二个 then 函数就会链接到返回的 Promise。如果 skip 为 true，则 Promise 会立即解析为 undefined，并且不会执行第二个 then 函数。如果 skip 为 false，则 Promise 会解析为 waitForSync() 返回的值（可能是 undefined），但 createdType 仍然会已定义。

### 示例代码

以下是一个示例代码，展示了如何使用此方法：

const createType = ({
    firstTypes = [],
    secondTypes = [],
    ...allType
}, skip = true) => {
    const builtType = buildType(allType);
    let finalType;
    let finalSecondTypes;

    return apiPostType(builtType)
        .then(() => { 
            if(!skip) {
                return Promise.resolve(waitForSync(cy.apiGetTypeWithRetry));
            }
        })
        .then(createdType => { 
            // createdType 现在已定义
            finalType = keysToCamelCase(createdType);
            const firstTypesToCreate = firstTypes.map(
                firstType => () =>
                cy.createFirstType({
                    ...firstType,
                    allType: createdType.id,
                })
            );
        });
};