且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2023-01-03 18:28:50

console.log 不会等待函数完全完成后再记录它.这意味着您必须使 wallet.registerUser 异步,主要有两种方法可以做到这一点:

console.log won't wait for the function to fully complete before logging it. This means that you will have to make wallet.registerUser asynchronous, there are two main ways to do this:

  1. 回调 -这是当您将函数作为参数传递给现有函数时,该函数将在您的 axios 调用完成后执行.以下是它如何处理您的代码:

  1. Callback - this is when you pass a function as a parameter into your existing function which will be executed once your axios call has finished. Here is how it would work with your code:

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)
});

  • 承诺——最简单的方法是将 async 放在函数名前面.这将使函数返回的任何内容以承诺的形式返回.这就是它在您的代码中的工作方式:

  • Promise - The easiest way to do this is to put async in front of your function name. This will make anything returned from the function return in the form of a promise. This is how it would work in your code:

     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);
    });
    

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

    Here is some more information on asynchronous functions:

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

    https://developer.mozilla.org/en-US/docs/词汇表/回调函数