javascript - 如何确保 Angular 服务构造函数中的异步初始化完成？

Question

请高手告诉我，在调用类中的其他函数时，如何确保服务构造函数中的异步初始化完成？

  constructor() {
    var sock = new SockJS(this._chatUrl);
    this.stompClient = Stomp.over(sock);
    this.stompClient.connect({}, function () {
    });
  }

  public subscribe(topicName: string, messageReceived) {
    this.stompClient.subscribe('/topic/' + topicName, function (message) {
      messageReceived(message);
    })
  }

  public sendMessage(msgDestId: string, message) {
    this.stompClient.send("/app/" + msgDestId, {}, JSON.stringify(message));
  }

如您所见，与 stomp-server 的连接是在构造函数中建立的。之后，该服务的客户(组件)被邀请订阅感兴趣的主题。当然，在连接完全建立之前，调用订阅函数是没有意义的。

更新:保持 .connect 方法仅调用一次也很重要。否则它会创建两个连接。

Answer 1

通过 promise 与 stomp 客户端进行每次交互，例如:

constructor() {
    ...
    this.stomp = new Promise(resolve => {
        stompClient.connect({}, () => resolve(stompClient));
    });
}

subscribe(...) {
    this.stomp.then(stompClient => stompClient.subscribe(...));
}