javascript - 需要在http响应后运行该变量

Question

我有一个 es6 类，从那里我将获得用户名和联系方式。在代码本身中，我提到了这个问题。

从user1.getUserName()函数中，我将得到Mr.undefined。我知道原因是因为这一行 let str = 'Mr.' + username.name 在 http 调用之前执行。需要在http请求加载完成后运行该变量。

我尝试了很多找不到正确的解决方案。我认为我们可以用 promise 解决这个问题，但我不知道如何实现它。

const http = require('http');

class User {
    httpRequest () {
    http.get(url, function (resp) {
        let data = ''
      resp.on('data', (chunk) => {
        data += chunk
      })
      resp.on('end', () => {
        return JSON.parse(data)
      })
    })
  }

  getUserName () {
    let username = this.httpRequest()

    // needs to run after the http response

    let str = 'Mr.' + username.name
    return str;
  }

  getContactetail () {
    let contactDetail = this.httpRequest()
    let str = 'My address is ' + contactDetail.address
    return str;
  }
}

let user1 = new User();
console.log(user1.getUserName());

Answer 1

您还可以在出现错误时拒绝 httpRequest 方法内的 promise 。

class User {
    httpRequest () {
        return new Promise((resolve,reject)=>{
            http.get(url, function (resp) {
                let data = ''
              resp.on('data', (chunk) => {
                data += chunk
              })
              resp.on('end', () => {
                resolve(JSON.parse(data));
              })
            })

        })
  }

  getUserName async () {
    let username = await this.httpRequest()

    // needs to run after the http response

    let str = 'Mr.' + username.name
    return str;
  }

  getContactetail () {
    let contactDetail = this.httpRequest()
    let str = 'My address is ' + contactDetail.address
    return str;
  }
}

let user1 = new User();
console.log(user1.getUserName());