如何返回axios的响应作为回报

Question

我想返回axios的响应，但始终返回的响应是不确定的：

    wallet.registerUser=function(data){
    axios.post('http://localhost:8080/register',{
    phone:data.phone,
    password:data.password,
    email:data.email
    }).then(response =>{
      return response.data.message;
      console.log(response.data.message);
    }).catch(err =>{
      console.log(err);
    })
    }

    console.log(wallet.registerUser(data));

控制台始终记录为未定义。他们以任何方式返回此响应。

Answer 1

console.log不会等到该功能完全完成后再进行记录。这意味着您将必须进行wallet.registerUser异步处理，主要有两种方法：

1. 回调-这是当您将函数作为参数传递到现有函数中时，将在axios调用完成后执行。这是如何与您的代码一起使用的：

        wallet.registerUser=function(data, callback){
      axios.post('http://localhost:8080/register',{
        phone:data.phone,
        password:data.password,
        email:data.email
      }).then(response =>{
        callback(response.data.message);
        console.log(response.data.message);
      }).catch(err =>{
        console.log(err);
      })
    }

    wallet.registerUser(data, function(response) {
      console.log(response)
    });

1. Promise-实现此目的的最简单方法是将其放在async函数名称的前面。这将使从函数返回的所有内容以承诺形式返回。这就是它在您的代码中的工作方式：

         wallet.registerUser=async function(data){
      axios.post('http://localhost:8080/register',{
        phone:data.phone,
        password:data.password,
        email:data.email
      }).then(response =>{
        return response.data.message;
        console.log(response.data.message);
      }).catch(err =>{
        console.log(err);
      })
    }

    wallet.registerUser(data).then(function(response) {
      console.log(response);
    });

以下是有关异步函数的更多信息：

https://developer.mozilla.org/zh-
CN/docs/Web/JavaScript/Reference/Statements/async_function

https://developer.mozilla.org/zh-
CN/docs/Glossary/Callback_function