![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SZyQDZiZTYlNmN4QGOjFWY2YGZ0IjN2UjM5gjM3MzNz8CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
(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了。