且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular Component TypeScript代码和最后转换生成的JavaScript代码比较

更新时间:2022-09-13 12:46:39

Angular Component TypeScript代码和最后转换生成的JavaScript代码比较Angular Component TypeScript代码和最后转换生成的JavaScript代码比较Angular Component TypeScript代码和最后转换生成的JavaScript代码比较(1) TypeScript里的构造函数,对应JavaScript里的ShippingComponent构造函数。


(2) TypeScript里的ngOnInit Hook,对应JavaScript里的原型链上的ShippingComponent.prototype.ngOnInit.


(3) TypeScript里的@Component注解(或者叫装饰器decorator),对应JavaScript变量__decorate指向的函数。


最后,从@angular/core导入的core_1.Component, 经过装饰器函数__decorate处理之后,返回ShippingComponent,被赋给exports的ShippingComponent属性,这样其他Component就可以通过import导入这个Component了。


Angular Component TypeScript代码和最后转换生成的JavaScript代码比较