如圖，該Component類第13行屬性初始化邏輯，以及第17行構(gòu)造函數(shù)里的斷點(diǎn)，到底哪一行代碼先執(zhí)行？

在調(diào)試器里觀察：

首先執(zhí)行custom Component factory函數(shù)，創(chuàng)建Component實(shí)例：

第13行代碼首先被執(zhí)行：

注意此時(shí)的this：

然后構(gòu)造函數(shù)才被執(zhí)行，此時(shí)this.product$已經(jīng)可用了，原型為Observable：

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的Angular Component class属性初始化和构造函数执行的先后顺序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。