javascript - 如何使用 subscribe 从函数返回值？

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 3 年前。

这是 Javascript 中的一个函数，我需要通过订阅来检查 Angular 服务是否包含数组，但返回值未定义，因为该函数不会更改订阅内的变量值。

    function checkAvailableBonus() {
        var dataSize = 0;
        var returnValue = "false";
        window.angularComponentRef.component.slotsBonusesService.getPlayerAvailableBonuses().subscribe(function (data) {
            dataSize = data.length;
            if (dataSize !== 0) {
                returnValue = "true";
            } else {
                returnValue = "false";
            }

        });
        return (returnValue);
    }
    checkAvailableBonus();

我除了订阅完成后返回“true”/“false”的函数之外。

Answer 1

您的函数安装一个回调(subscribe(function (data) 位)，然后立即返回 returnValue，而无需等待回调执行，因此您'将始终返回“false”。

相反，请使用 Promise :

function checkAvailableBonus() {
    return new Promise(resolve => {
        window.angularComponentRef.component.slotsBonusesService.getPlayerAvailableBonuses().subscribe(function (data) {
            const dataSize = data.length;
            if (dataSize !== 0) {
                resolve("true");
            } else {
                resolve("false");
            }

        });
    });
}
checkAvailableBonus().then(result => console.log(result));