在对象的实例化时，如何最好地处理其属性之一的异步初始化？

Question

我以前从未创建过 Javascript 模块/库，所以这对我来说有点新鲜，所以对于我不知道谷歌搜索什么表示歉意。

我正在创建一个库，该库将保存来自用户提供的 URL 的信息。我想解析 URL 的路径（域之后的部分）并保留 URL 响应提供的标头值。

这是基本的，但这是我目前所拥有的：

function Link(someURL) {
  this.url = someURL;
  this.urlPath = "";
  this.uuid = "";

  this.getPath = function (someURL) {
    // do regexp parsing and return everything after the domain
  };

  this.getUUID = function (someURL) {
    // fetch the URL and return what is in the response's "uuid" header
  }
}

理想情况下，我希望模块在构建时自动获取所有信息：

var foo = new Link("http://httpbin.org/response-headers?uuid=36d09ff2-4b27-411a-9155-e82210a100c3")
console.log(foo.urlPath);  // should return "uuid"
console.log(foo.uuid);  // should return the contents in the "uuid" header in the response

如何确保this.urlPath 和this.uuid 属性与this.url 一起初始化？理想情况下，我只会获取一次 URL（以防止目标服务器限制速率）。

Answer 1

经过多次反复试验，我最终做了类似这样的事情：

class Link {
  constructor (url_in) {
    const re = RegExp("^https://somedomain.com\/(.*)$");
    this.url = re[0];
    this.linkPath = re[1];
  }

  async getUUID() {
    const res = await fetch("https://fakedomain.com/getUUID?secret=" + this.linkPath);
    this.uuid = res.uuid;
  }

  async getJSON() {
    const res = await fetch("https://fakedomain.com/getJSON?uuid=" + this.uuid);
    this.json = await res.json();
  }

  async initialize() {
    await this.getUUID();
    await this.getJSON();
  }
}


const someLinkData = new Link("https://reallydumbdomain.com/2020/10/4/blog");
someLinkData.initialize()
  .then(function() {
    console.log(this.json); // this now works
  });

我认为未来的迭代将需要我使用 initialize 函数发送一个承诺，但现在，这可行。