天天看點

Angular Component TypeScript代碼和最後轉換生成的JavaScript代碼比較

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代碼比較

繼續閱讀