如图,该Component类第13行属性初始化逻辑,以及第17行构造函数里的断点,到底哪一行代码先执行?

Angular Component class属性初始化和构造函数执行的先后顺序

在调试器里观察:

Angular Component class属性初始化和构造函数执行的先后顺序

首先执行custom Component factory函数,创建Component实例:

Angular Component class属性初始化和构造函数执行的先后顺序

第13行代码首先被执行:

Angular Component class属性初始化和构造函数执行的先后顺序

注意此时的this:

Angular Component class属性初始化和构造函数执行的先后顺序

然后构造函数才被执行,此时this.product$已经可用了,原型为Observable:

Angular Component class属性初始化和构造函数执行的先后顺序

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
Angular Component class属性初始化和构造函数执行的先后顺序

相关文章:

  • 2021-07-08
  • 2021-10-23
  • 2021-06-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-25
  • 2022-12-23
  • 2022-12-23
  • 2021-07-23
  • 2021-08-05
相关资源
相似解决方案