コンポーネントとライフサイクル
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
20 面接問題·
Junior
1Angularのライフサイクルフックとは何ですか？
1
Angularのライフサイクルフックとは何ですか？
回答
ライフサイクルフックは、コンポーネントやディレクティブのライフサイクルの重要な瞬間にAngularによって自動的に呼び出される特別なメソッドです。これらのフックは、作成、更新、破棄などの特定の段階でコードを実行することを可能にします。最も一般的なフックはngOnInit、ngOnChanges、ngOnDestroyです。
2ngOnInitはいつ呼び出されますか？
2
ngOnInitはいつ呼び出されますか？
回答
ngOnInitは、すべての@Inputプロパティが初期化された後、最初のngOnChangesの後に一度だけ呼び出されます。コンポーネントデータの初期化、サブスクリプションの開始、サービスの呼び出しに理想的なフックです。すべてのバインディングが利用可能であることが保証されるため、初期化ロジックにはコンストラクタよりも適しています。
3ngOnChangesとngOnInitの主な違いは何ですか？
3
ngOnChangesとngOnInitの主な違いは何ですか？
回答
ngOnChangesは@Inputプロパティの値が変更されるたびに呼び出され、古い値と新しい値を含むSimpleChangesオブジェクトを受け取ります。ngOnInitは最初の初期化後に一度だけ呼び出されます。インプットの変更に反応し、@Input値に依存するロジックを実装するにはngOnChangesを使用します。APIコールや初期設定などの一回限りの初期化にはngOnInitを優先します。
4
コンポーネントでngOnDestroyを使う理由は何ですか？
5
コンポーネント作成時にライフサイクルフックはどの順序で呼び出されますか？
+17 面接問題
その他のAngular面接トピック
TypeScriptの基礎
Junior
25問TypeScript上級
Junior
20問Angularの基礎
Junior
20問Services & Dependency Injection
Junior
20問Angularモジュールの構成
Mid-Level
22問Angular CLI
Junior
18問ディレクティブとPipe
Mid-Level
22問ルーティングとナビゲーション
Mid-Level
24問リアクティブフォーム
Mid-Level
26問テンプレート駆動フォーム
Mid-Level
16問RxJS の基礎
Mid-Level
22問RxJS オペレーター
Mid-Level
24問HttpClientとAPI呼び出し
Mid-Level
22問基本的な状態管理
Mid-Level
20問Change Detection
Mid-Level
20問Angular Signals
Mid-Level
20問Standalone Components
Mid-Level
18問Angularのユニットテスト
Mid-Level
22問エンドツーエンドテスト
Mid-Level
18問ビルドと最適化
Mid-Level
20問NgRxの基礎
Senior
24問NgRx応用
Senior
24問Angularアーキテクチャ
Senior
22問パフォーマンス最適化
Senior
22問セキュリティとベストプラクティス
Senior
20問高度な RxJS パターン
Senior
22問Angular Universal と SSR
Senior
20問Angular マイクロフロントエンド
Senior
20問