在 ngOnInit 上异步调用函数吗？

Question

如果我在 ngOnInit() 中调用一个函数来进行可观察的调用以获取数据，那么 ngOnInit 中的 this.getSomething() 调用是否仍然是异步的，还是 ngOnInit 等到 this.getSomething() 返回结果？基本上是在 this.getSomething() 完成之前或之后在 ngOnInit() 中执行“doSomethingElse”吗？

ngOnInit() {
    this.getSomething();
    doSomethingElse;
}

getSomething() {
    this.someService.getData()
        .subscribe(
            result => {
                this.result = result;
            },
    error => this.errorMessage = <any>error);
}

Answer 1

ngOnInit() 本身不等待异步调用。 您可以自己链接代码，使其仅在异步调用完成时执行。

例如你放在subscribe(...)里面的东西会在数据到达时执行。

subscribe(...) 之后的代码会立即执行（在异步调用完成之前）。

有一些路由器生命周期钩子会等待返回的 Promise 或 observables，但组件或指令生命周期钩子都没有。

更新

为确保this.getSomething() 之后的代码在getData() 完成时执行，请将代码更改为

ngOnInit() {
    this.getSomething()
    .subscribe(result => {
      // code to execute after the response arrived comes here
    });
}

getSomething() {
    return this.someService.getData() // add `return`
        .map( // change to `map`
            result => {
                this.result = result;
            },
  //  error => this.errorMessage = <any>error); // doesn't work with `map` 
  // (could be added to `catch(...)`
}