Angular 4 - 可以在不触发 OnInit 的情况下运行 OnDestroy 吗？

Question

只是关于两个生命周期 Hook OnInit 和 OnDestroy 的一般性问题。作为这个article提到，我一直假设 OnInit 总是 在 OnDestroy 之前运行。

我有一个案例，在 ngOnDestroy() 中我停止播放背景音乐轨道。此声音加载组件的 ngOnInit()，并且由于正在运行 ngOnDestroy() 而没有运行声音对象的 ngOnInit() 未定义。

代码

ngOnInit() {
    ...

    this.loadSounds();

    ...
}

ngOnDestroy() {
    if (AppSettings.SOUNDS_ENABLED) {
        this.soundService.getSound(Sound.MINI_GAME_BG_MUSIC).fade(0.2, 0, 1500);
    }
}

private loadSounds() {
    this.soundService.loadSound(Sound.MINI_GAME_BG_MUSIC, SoundPathURL.MINI_GAME_BG_MUSIC, true, 0);
}

目前，当尝试 .fade() 未定义 的声音时，代码在 ngOnDestroy 中失败。当然，我可以通过在执行 .fade() 函数之前检查声音不是 undefined 来轻松解决这个问题。我的假设是，如果 ngOnDestroy() 运行，则 ngOnInit() 也必须运行 - 我想我错了。

现在，由于这种情况，我认为在我的应用程序中的每个 ngOnDestroy() 中，我应该在执行任何操作之前检查正在使用的对象是否为 undefined。因此，例如在取消订阅之前，我应该检查订阅是否为 undefined，等等。

我的假设对吗？

Answer 1

The reference明确指出 OnInit生命周期 Hook 在 OnDestroy 之前.此行为通常特定于编译器。 The article解释特定于 Angular 路由器的行为和方式 <router-outlet>指令实例化组件。 router.navigateByUrl()在路由组件构造函数中 triggers its immediate destruction并阻止它被编译，因此生命周期不适用于它。这在正常情况下不会发生。

问题中的代码并不意味着 ngOnInit不运行。 ngOnInit可以轻松记录调用以证明它运行。

此组件使用的服务可能会导致问题。 Cannot read property 'fade' of undefined 或类似错误的事实在 ngOnDestroy 中抛出意味着 this.soundService.getSound(Sound.MINI_GAME_BG_MUSIC)未定义。

这完全取决于内部发生的事情 soundService服务。如果loadSound是异步的，ngOnDestroy在加载资源之前调用，可能会出现问题。