Strutture JavaScript IoC/DI

Question

Per i linguaggi statici fortemente tipizzati come Java, i framework/toolkit IoC/DI hanno un valore inestimabile per separare i sistemi complessi, rendendo così verificabili l'unità dei sottocomponenti e la loro composizione.

Molti di noi citano che Javascript come linguaggio dinamico digitato generosamente offre già i principali vantaggi di IoC/DI nello spirito, mentre alcuni insistono sul fatto che occorra implementare un'astrazione/implementazione di livello superiore.

Per quest'ultimo, quali sono le implementazioni IoC/DI comuni nel regno Javascript?

Answer 1

Si prega di dare un'occhiata in wire.js. Questa è la mia scelta e funziona benissimo.

Le caratteristiche principali sono:

• iniezione semplice, dipendenza dichiarativa
• A, un'infrastruttura flessibile connessione non invasiva
• Application Lifecycle Management
• strumenti di base potenti e architettura a plugin per integrare framework popolari e codice esistente.
• supporto per entrambi i browser e server ambienti

Inoltre si prega di verificare alcune alternative npm modules for DI

Answer 2

Angular.js fornisce un'implementazione gestione delle dipendenze che è grande IMO. Ma Angular è molto più di un semplice contenitore DI, quindi per trarne vantaggio la tua app dovrà essere angolare da zero. Vale la pena provare, soprattutto se si hanno interazioni pesanti basate su moduli.

Answer 3

La digitazione anatra di Javascript ci consente di risolvere facilmente le dipendenze.

Ecco un breve esempio di come si possa fare ciò:

Abbiamo una semplice funzione che rappresenta un elemento che viene aggiunto al database. DB è una dipendenza che vorremmo prendere in giro.

function SaveItem(item){ 

    var db = new DB(); 

    db.insert(item); 

}; 

Se si modifica la dipendenza DB come parametro, è possibile iniettare tutto ciò che si desidera. Quando viene chiamata la funzione, verifica se il parametro dataStore esiste. Quando l'elemento esiste, il valore è assegnato a db. Quando dataStore è nullo o indefinito, viene invece creato un nuovo oggetto DB. Questo ti permette di iniettare nella tua dipendenza con la certezza che db avrà sempre un valore.

function SaveItem(item, dataStore){ 

    var db = dataStore || new DB(); 

    db.insert(item); 

}; 

Ora siamo in grado di prendere in giro la nostra dipendenza in questo modo:

function mockDb(){ 

    return{ 
     insert: function(){ 
      assert(true); 
     } 
    } 

}; 

E per portare tutti insieme in un test:

function SaveItemShouldCallInsertOnDb = function(){ 

    var testDb = new mockDb(); 
    var someTestItem = { name: "test item" }; 

    SaveItem(someTestItem, testDb); 
};