Composizione e ereditarietà

Per condividere un comportamento tra componenti può usare l'ereditarietà (estendere una classe base) oppure la composizione (combinare elementi più piccoli). L'API di composizione di Angular rende la composizione la scelta predefinita consigliata.

Con l'ereditarietà, un componente estende un componente o una direttiva base e ne riutilizza input, output e logica.

Una classe può estendere una sola classe base. Le gerarchie profonde diventano rigide e si eredita tutto, anche le parti che non servono.

Combinare più comportamenti tramite l'ereditarietà è impossibile senza catene complicate. La composizione evita questo problema applicando molte direttive in modo indipendente.

Con la composizione, un componente rimane focalizzato e integra i comportamenti tramite hostDirectives, combinandone quanti ne servono.

Il principio "preferire la composizione all'ereditarietà" si applica pienamente ad Angular: la composizione è flessibile, estensibile ed evita classi base fragili.

L'ereditarietà può essere appropriata per una singola classe base stabile, condivisa da varianti strettamente correlate; ad esempio, una classe base per un campo di modulo che le varianti specializzano. Mantenga le gerarchie poco profonde.

Può combinare i due approcci: estenda una classe base sottile per condividere la struttura e componga i comportamenti per le funzionalità trasversali.

La composizione mantiene privati gli interni di ogni comportamento ed espone solo gli input e gli output scelti, mentre l'ereditarietà espone l'intera API della classe base.

Quando una classe base accumula responsabilità non correlate, separi ciascuna responsabilità in una direttiva e le componga. Il risultato è più modulare e testabile.

Servono più comportamenti indipendenti? Li componga. Serve un'unica base strutturale condivisa? Può bastare una classe base poco profonda. Come impostazione predefinita, scelga la composizione per una maggiore flessibilità.

Verifichi la Sua comprensione della composizione rispetto all'ereditarietà.

Ha imparato che la composizione (combinare comportamenti focalizzati tramite hostDirectives) è più flessibile dell'ereditarietà (una singola classe base), evita gerarchie fragili e dovrebbe essere la scelta predefinita, riservando l'ereditarietà poco profonda alla struttura condivisa.