如圖，該Component類第13行屬性初始化邏輯，以及第17行構造函數里的斷點，到底哪一行代碼先執行？

在調試器里觀察：

首先執行custom Component factory函數，創建Component實例：

第13行代碼首先被執行：

注意此時的this：

然后構造函數才被執行，此時this.product$已經可用了，原型為Observable：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。