承诺被解决/拒绝后返回布尔值？

Question

我有一个运行良好的功能。我只想根据承诺返回真或假。

 //I want this function to return a simple true or false!!!
function isAppOnline() {
            var is_connected = connectivityMonitor.isInternetConnected();
            is_connected.then(function(result) {
                console.log('INTERNET_CHECK_API : app online');//works fine
                return true;//this is not being returned
            }, function(error) {
                console.log('INTERNET_CHECK_API : app offline');//works fine
                return false;//this is not being returned
            });
        }

但是当我调用这个函数时，

is_online = isAppOnline();

is_online 总是 undefined 。为什么函数不能返回简单的布尔值？

更新：

这就是我想要做的： 我只是想打开一个弹出窗口，通知用户他离线。我在 10 秒后定期调用函数 isAppOnline。这个功能已经在我的工厂中使用了一个承诺。我不想让事情变得过于复杂，但对我来说很重要的是这个函数返回一个布尔值，所以基于此，我可以采取相应的行动。

Answer 1

编辑：对于 ES2017 如果您是使用 ES2017 的幸运者之一，那么您可以使用新的 await/async 关键字。它们非常出色，允许您编写读取同步的异步代码。 （它仍然是引擎盖下的承诺，只是将它们拆箱）。

function isOnline() {
    return Promise.resolve(true);
}

async function Main() {
    const online = await isOnline();

  console.log(online);
}

Main();

fidle

---

因为它是异步的。您的 isAppOnline 方法在您的承诺解决之前返回。

我认为正在进行某种形式的 AJAX 调用来检查网络连接，因此它必须等待它响应。 JavaScript 是单线程的，如果该线程锁定等待该请求响应以便它可能是同步的，那么您的整个 JavaScript 将暂停直到它返回。不好。

因此，如果您希望isAppOnline 的调用者知道结果，您必须选择。要么给它一个回调，要么返回承诺（更好的选择）

function isAppOnline(cb) {
    var is_connected = connectivityMonitor.isInternetConnected();
    is_connected.then(function(result) {
        console.log('INTERNET_CHECK_API : app online');//works fine
        cb(true);
    }, function(error) {
        console.log('INTERNET_CHECK_API : app offline');//works fine
        cb(false);
    });
}

//better option
function isAppOnline() {
    return connectivityMonitor.isInternetConnected().then(function(result) {
        console.log('INTERNET_CHECK_API : app online');//works fine
        return true;
    }, function(error) {
        console.log('INTERNET_CHECK_API : app offline');//works fine
        return false;
    });
}

//used as
isAppOnline().then(function (isOnline) {
    console.log('Is it online?', isOnline);
});

Answer 2

Promise 与简单语句的工作方式不同，因为它们可能稍后返回，因此您可能需要重新考虑程序流程以处理不同的初始和最终状态。

function isAppOnline() {
    var is_connected = connectivityMonitor.isInternetConnected();
    return is_connected.then(function(result) { // add return here to return the whole promise
        console.log('INTERNET_CHECK_API : app online');//works fine
        return; //this will resolve the promise returned
    }, function(error) {
        console.log('INTERNET_CHECK_API : app offline');//works fine
        $q.reject(); // this will reject the promise returned
    });
}

您将不得不在调用控制器中处理不断变化的状态（它可能会暂时为假，然后转为真，等等）。您可以考虑使用加载状态来防止误导用户。

is_online = false;
isLoading = true;

isAppOnline().then(function() {
    is_online = true;
}, function() {
    is_online = false;
})
.finally(function(){
    isLoading = false;
});

Answer 3

您的问题表明需要进一步探索 Javascript 的异步处理。我推荐阅读：How do I return the response from an asynchronous call?

您可以实施一些技巧来强制方法同步返回，但 Angular 的构建方式几乎可以在任何地方兑现承诺。如果您能给我们更多关于您要完成的工作的背景信息，我们或许可以帮助您以利用 Promise 本身的方式编写代码。

Answer 4

您可以尝试以下方法（这是未经测试的代码，因为您没有提供工作脚本）：

function isAppOnline() {
    var defer = $q.defer();

    var is_connected = connectivityMonitor.isInternetConnected();
    is_connected.then(function(result) {
        console.log('INTERNET_CHECK_API : app online');//works fine
        defer.resolve(true);
    }, function(error) {
        console.log('INTERNET_CHECK_API : app offline');//works fine
        defer.resolve(false);
    });

    return defer.promise;
}

然后这样称呼它：

var is_online = false;
isAppOnline().then(function(data){
    is_online = data;
});

或者，直接传递 is_connected 对象，比你做的错误处理更好：

function isAppOnline() {
    var defer = $q.defer();

    var is_connected = connectivityMonitor.isInternetConnected();
    is_connected.then(function(result) {
        console.log('INTERNET_CHECK_API : app online');//works fine
        defer.resolve(is_connected);
    }, function(error) {
        console.log('INTERNET_CHECK_API : app offline');//works fine
        defer.reject();
    });

    return defer.promise;
}