如何使用 axios 返回布尔值

Question

在 VueJS 中，我试图用 axios 返回一个布尔值

allContactsSaved() {
    let promise = axios.get('/contacts');
    console.log(promise.then(function (response) {
        response.data.data.forEach(function(contact) {
          if (!contact.saved) {
            return false;
          }
        });
        return true;
    }));
  }

console.log 刚刚返回

承诺{[[PromiseStatus]]：“待定”，[[PromiseValue]]：未定义}

但我想要 true 或 false 作为回报。

Answer 1

问题不在于 VueJS 也不在于 Axios ......我想你误解了 Promises

你的函数是异步的，使用 Promises 来解决问题，还有 axios。

要让allContactsSaved()返回真/假以供以后使用，您有 3 个选项：

1. 承诺

返回一个承诺，并在调用 allContactsSaved 时使用 .then ，如下所示：

 // Function
 // Returns promise
 allContactsSaved() {
    let promise = axios.get('/contacts').then(function (response) {
        // check if every one is saved
        const check = response.data.data.every(function(contact) {
          return contact.saved;
        });
        return check;
    }));
    return promise;
  }

 // Using it:
 allContactsSaved().then(function(isSaved) {
     console.log(isSaved);
 });

2. 回调

我认为第一个选项比这个更好。这是有点老派的方式。

 // Function
 // Returns promise
 allContactsSaved(callback) {
    axios.get('/contacts').then(function (response) {
        // check if every one is saved
        const check = response.data.data.every(function(contact) {
          return contact.saved;
        });
        if(callback) {
           callback(check);
        }
    }));
  }

 // Using it with function callback:
 allContactsSaved(function(isSaved) {
     console.log(isSaved);
 });

3. 异步/等待

这是 ES6/7 的新功能，取决于 JS 引擎的版本，你需要一个编译器

 // Function
 // Returns promise
 async allContactsSaved() {
    const resp = await axios.get('/contacts');
    const check = response.data.data.every(function(contact) {
       return contact.saved;
    });
    return check;
  }

 // Using it, the caller function needs to be async:
 async function() {
     const result = await allContactsSaved();
     console.log(result);
 }