blocks|key|4700875|text|var+Injector+=+{
+++dependencies:+{},
+++add+:+function(qualifier,+obj){
++++++this.dependencies[qualifier]+=+obj;+
+++},
+++get+:+function(func){
++++++var+obj+=+new+func;
++++++var+dependencies+=+this.resolveDependencies(func);
++++++func.apply(obj,+dependencies);
++++++return+obj;
+++},
+++resolveDependencies+:+function(func)+{
++++++var+args+=+this.getArguments(func);
++++++var+dependencies+=+[];
++++++for+(+var+i+=+0;+i+<+args.length;+i%2B%2B)+{
+++++++++dependencies.push(this.dependencies[args[i]]);
++++++}
++++++return+dependencies;
+++},
+++getArguments+:+function(func)+{
++++++//This+regex+is+from+require.js
++++++var+FN_ARGS+=+/%5Efunction\s*[%5E$]*\(\s*([%5E$]*)\)/m;
++++++var+args+=+func.toString().match(FN_ARGS)[1].split(',');
++++++return+args;
+++}
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4700876|首先，我们需要一个配置来提供与限定符的必要依赖关系。为此，我们将依赖集定义为Injector类中的依赖项。我们使用依赖集作为容器，它将负责映射到限定符的对象实例。为了将带有限定符的新实例添加到依赖集，我们定义了一个add方法。然后，我们定义get方法来检索我们的实例。在此方法中，我们首先找到参数数组，然后将这些参数映射到依赖项。在此之后，我们只需使用依赖项构造对象并返回它。有关更多信息和示例，请参阅我博客上的post。|unstyled|offset|length|4700877|entityMap|0|LINK|mutability|MUTABLE|url|http://www.yusufaytas.com/dependency-injection-in-javascript/^0|0|5Q|4|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>var Injector = {
   dependencies: {},
   add : function(qualifier, obj){
      this.dependencies[qualifier] = obj; 
   },
   get : function(func){
      var obj = new func;
      var dependencies = this.resolveDependencies(func);
      func.apply(obj, dependencies);
      return obj;
   },
   resolveDependencies : function(func) {
      var args = this.getArguments(func);
      var dependencies = [];
      for ( var i = 0; i &lt; args.length; i++) {
         dependencies.push(this.dependencies[args[i]]);
      }
      return dependencies;
   },
   getArguments : function(func) {
      //This regex is from require.js
      var FN_ARGS = /^function\s*[^$]*\(\s*([^$]*)\)/m;
      var args = func.toString().match(FN_ARGS)[1].split(',');
      return args;
   }
};
</code></pre>

<p>The first thing we need a configuration to provide necessary dependencies with qualifiers. To do that, we define a dependency set as dependencies in the Injector class. We use dependency set as our container which will take care of our object instances mapped to qualifiers. In order to add new instance with a qualifier to dependency set, we define an add method. Following that, we define get method to retrieve our instance. In this method, we first find the arguments array and then map those arguments to dependencies. After that, we just construct the object with our dependencies and return it. For more information and examples, please see the <a href="http://www.yusufaytas.com/dependency-injection-in-javascript/" rel="noreferrer">post</a> on my blog.</p>


blocks|key|195012|text|您可以使用AngularJS作为示例。这是不是一件好事，你必须自己决定。我一周前写了一篇article+about+demistifying+dependency+injection+in+AngularJS。你可以在这里阅读文章中的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|195013|//+The+following+simplified+code+is+partly+taken+from+the+AngularJS+source+code:
//+https://github.com/angular/angular.js/blob/master/src/auto/injector.js#L63

function+inject(fn,+variablesToInject)+{
++++var+FN_ARGS+=+/%5Efunction\s*[%5E$]*\(\s*([%5E$]*)\)/m;
++++var+FN_ARG_SPLIT+=+/,/;
++++var+FN_ARG+=+/%5E\s*(_?)(\S%2B?)\1\s*$/;
++++var+STRIP_COMMENTS+=+/((\/\/.*$)%7C(\/\*[\s\S]*?\*\/))/mg;

++++if+(typeof+fn+===+'function'+&&+fn.length)+{
++++++++var+fnText+=+fn.toString();+//+getting+the+source+code+of+the+function
++++++++fnText+=+fnText.replace(STRIP_COMMENTS,+'');+//+stripping+comments+like+function(/*string*/+a)+{}

++++++++var+matches+=+fnText.match(FN_ARGS);+//+finding+arguments
++++++++var+argNames+=+matches[1].split(FN_ARG_SPLIT);+//+finding+each+argument+name

++++++++var+newArgs+=+[];
++++++++for+(var+i+=+0,+l+=+argNames.length;+i+<+l;+i%2B%2B)+{
++++++++++++var+argName+=+argNames[i].trim();

++++++++++++if+(!variablesToInject.hasOwnProperty(argName))+{
++++++++++++++++//+the+argument+cannot+be+injected
++++++++++++++++throw+new+Error("Unknown+argument:+'"+%2B+argName+%2B+"'.+This+cannot+be+injected.");
++++++++++++}

++++++++++++newArgs.push(variablesToInject[argName]);
++++++++}

++++++++fn.apply(window,+newArgs);
++++}
}

function+sum(x,+y)+{
++++console.log(x+%2B+y);
}

inject(sum,+{
++++x:+5,
++++y:+6
});+//+should+print+11

inject(sum,+{
++++x:+13,
++++y:+45
});+//+should+print+58

inject(sum,+{
++++x:+33,
++++z:+1+//+we+are+missing+'y'
});+//+should+throw+an+error:+Unknown+argument:+'y'.+This+cannot+be+injected.|code-block|syntax|javascript|195014|entityMap|0|LINK|mutability|MUTABLE|url|http://bdadam.com/blog/demistifying-angularjs-dependency-injection.html^0|18|1O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You can use AngularJS as an example. Whether it is a good thing, you have to decide for yourself. I wrote a week ago an
<a href="http://bdadam.com/blog/demistifying-angularjs-dependency-injection.html">article about demistifying dependency injection in AngularJS</a>. Here you can read the code from the article:</p>

<pre><code>// The following simplified code is partly taken from the AngularJS source code:
// https://github.com/angular/angular.js/blob/master/src/auto/injector.js#L63

function inject(fn, variablesToInject) {
    var FN_ARGS = /^function\s*[^$]*\(\s*([^$]*)\)/m;
    var FN_ARG_SPLIT = /,/;
    var FN_ARG = /^\s*(_?)(\S+?)\1\s*$/;
    var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;

    if (typeof fn === 'function' &amp;&amp; fn.length) {
        var fnText = fn.toString(); // getting the source code of the function
        fnText = fnText.replace(STRIP_COMMENTS, ''); // stripping comments like function(/*string*/ a) {}

        var matches = fnText.match(FN_ARGS); // finding arguments
        var argNames = matches[1].split(FN_ARG_SPLIT); // finding each argument name

        var newArgs = [];
        for (var i = 0, l = argNames.length; i &lt; l; i++) {
            var argName = argNames[i].trim();

            if (!variablesToInject.hasOwnProperty(argName)) {
                // the argument cannot be injected
                throw new Error("Unknown argument: '" + argName + "'. This cannot be injected.");
            }

            newArgs.push(variablesToInject[argName]);
        }

        fn.apply(window, newArgs);
    }
}

function sum(x, y) {
    console.log(x + y);
}

inject(sum, {
    x: 5,
    y: 6
}); // should print 11

inject(sum, {
    x: 13,
    y: 45
}); // should print 58

inject(sum, {
    x: 33,
    z: 1 // we are missing 'y'
}); // should throw an error: Unknown argument: 'y'. This cannot be injected.
</code></pre>


blocks|key|4700935|text|在Flyspeck上抢夺一杯：https://gist.github.com/elfet/11349215|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4700936|var+c+=+new+Flyspeck();

c.set('name',+'GistHub');

c.set('config',+{
++++server:+'https://gist.github.com'
});

c.set('user',+function+(c)+{
++++return+new+User(c.get('name'));
});

c.extend('user',+function+(user,+c)+{
++++return+new+ProxyUser(user);
});

c.set('app',+function+(c)+{
++++return+new+Application(c.get('config'),+c.get('user'));
});

var+app+=+c.get('app');|code-block|syntax|javascript|4700937|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/elfet/11349215^0|F|12|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Take a loot at Flyspeck: <a href="https://gist.github.com/elfet/11349215" rel="nofollow">https://gist.github.com/elfet/11349215</a></p>

<pre><code>var c = new Flyspeck();

c.set('name', 'GistHub');

c.set('config', {
    server: 'https://gist.github.com'
});

c.set('user', function (c) {
    return new User(c.get('name'));
});

c.extend('user', function (user, c) {
    return new ProxyUser(user);
});

c.set('app', function (c) {
    return new Application(c.get('config'), c.get('user'));
});

var app = c.get('app');
</code></pre>


blocks|key|195078|text|candiJS是一个轻量级的隐式依赖注入和对象创建库。Have+a+look|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|195079|示例：|195080|candi.provider.singleton('ajax',+function()+{
++++return+{
++++++++get:+function()+{+/*+some+code+*/+},
++++++++put:+function()+{+/*+some+code+*/+}
++++};
});

candi.provider.singleton('carService',+function(ajax)+{
++++return+{
++++++++getSpecs:+function(manufacturer,+year,+model,+trim)+{
++++++++++++return+ajax.get();
++++++++}
++++};
});

var+Car+=+candi.provider.instance('Car',+function(carService,+year,+manufacturer,+model,+trim)+{
++++this.year+=+year;
++++this.manufacturer+=+manufacturer;
++++this.model+=+model;
++++this.trim+=+trim;
++++this.specs+=+carService.getSpecs(manufacturer,+year,+model,+trim);
});

var+car+=+new+Car(2009,+'honda',+'accord',+'lx');|code-block|syntax|javascript|195081|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/bflemi3/candiJS^0|R|B|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>candiJS is a lightweight implicit dependency injection and object creation library. <a href="https://github.com/bflemi3/candiJS" rel="nofollow">Have a look</a></p>

<p>Example:</p>

<pre><code>candi.provider.singleton('ajax', function() {
    return {
        get: function() { /* some code */ },
        put: function() { /* some code */ }
    };
});

candi.provider.singleton('carService', function(ajax) {
    return {
        getSpecs: function(manufacturer, year, model, trim) {
            return ajax.get();
        }
    };
});

var Car = candi.provider.instance('Car', function(carService, year, manufacturer, model, trim) {
    this.year = year;
    this.manufacturer = manufacturer;
    this.model = model;
    this.trim = trim;
    this.specs = carService.getSpecs(manufacturer, year, model, trim);
});

var car = new Car(2009, 'honda', 'accord', 'lx');
</code></pre>


blocks|key|195120|text|bubble-di是一个轻量级的DI容器，用于Javascript和Typescript。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|195121|它使您能够注册工厂方法(回调)或实例。下面是一个简单的例子(more+examples)。|195122|npm+install+--save+bubble-di|style|CODE|195123|var+{DiContainer}+=+require("bubble-di");
//+import+{+DiContainer+}+from+"bubble-di";

DiContainer.setContainer(new+DiContainer());

class+Bar+{+sayBar(){+console.log("bar");+}+}
class+Baz+{+sayBaz(){+console.log("baz");+}+}
class+Foo+{+
++++constructor+(bar,+baz)
++++{
++++++++bar.sayBar();
++++++++baz.sayBaz();
++++++++//+...
++++}
};

DiContainer.getContainer().registerInstance("bar",+new+Bar());
DiContainer.getContainer().registerInstance("baz",+new+Baz());
DiContainer.getContainer().register("foo",+{
++++dependencies:+["bar",+"baz"],
++++factoryMethod:+(bar,+baz)+=>+new+Foo(bar,+baz)+},
);
const+foo+=+DiContainer.getContainer().resolve("foo");+//+will+print+"bar"+and+"baz".|code-block|syntax|javascript|195124|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/KoBoldSystems/bubble-di|1^0|0|9|0|0|U|D|1|0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|F|3|G|5|6|7|15|8|@$A|16|B|17|H|I]]|9|@]|C|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|C|$M|N]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|V]]]]

<p><a href="https://github.com/KoBoldSystems/bubble-di" rel="nofollow noreferrer">bubble-di</a> is a lightweight DI container for Javascript and Typescript.</p>

<p>It enables you to register factory methods (callbacks) or instances. Below is a simple example (<a href="https://github.com/KoBoldSystems/bubble-di" rel="nofollow noreferrer">more examples</a>).</p>

<p><code>npm install --save bubble-di</code></p>

<pre><code>var {DiContainer} = require("bubble-di");
// import { DiContainer } from "bubble-di";

DiContainer.setContainer(new DiContainer());

class Bar { sayBar(){ console.log("bar"); } }
class Baz { sayBaz(){ console.log("baz"); } }
class Foo { 
    constructor (bar, baz)
    {
        bar.sayBar();
        baz.sayBaz();
        // ...
    }
};

DiContainer.getContainer().registerInstance("bar", new Bar());
DiContainer.getContainer().registerInstance("baz", new Baz());
DiContainer.getContainer().register("foo", {
    dependencies: ["bar", "baz"],
    factoryMethod: (bar, baz) =&gt; new Foo(bar, baz) },
);
const foo = DiContainer.getContainer().resolve("foo"); // will print "bar" and "baz".
</code></pre>


blocks|key|195201|text|我想说DI是JS/ES2015的一个开箱即用的特性。:-)当然，它不是功能齐全的IOC容器，但看起来很有用，不是吗？看看下面的例子！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195202|​|195203|const+one+=+()+=>+1;
const+two+=+({one})+=>+one+%2B+one;
const+three+=+({one,+two})+=>+one+%2B+two;

//+IOC+container
const+decimalNumbers+=+{
++get+one()+{+return+one(this);+},
++get+two()+{+return+two(this);+},
++get+three()+{+return+three(this);+}
};

const+binaryTwo+=+({one})+=>+one+%2B+9;

//+child+IOC+container
const+binaryNumbers+=+Object.create(decimalNumbers,+{
++two:+{+get()+{+return+binaryTwo(this);+}+}
});

console.log(`${decimalNumbers.three}+is+${binaryNumbers.three}+in+binary`);|code-block|syntax|javascript|195204|195205|您可以将依赖项包装在_.once+(请参阅underscore或lodash)中，以将它们转换为单例。|offset|length|style|CODE|195206|195207|const+rand+=+function()+{
++return+(min,+max)+=>+min+%2B+Math.random()+*+(max+-+min)+%7C+0;
};

const+pair+=+function({rand}+=+this)+{
++return+[rand(10,+100),+rand(100,+1000)];
};

//+IOC+container
const+ioc+=+Object.create({},+{
++rand:+{get:+rand},
++pair:+{get:+_.once(pair)}+//+singleton
});

console.log(`${[ioc.pair,+ioc.pair+===+ioc.pair]}`);|195208|<script+src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>|195209|195210|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/#once|1|https://lodash.com/^0|0|0|0|0|A|6|L|A|0|W|6|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|17|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|18|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|19|8|@$L|1A|M|1B|N|O]]|9|@$L|1C|M|1D|1|1E]|$L|1F|M|1G|1|1H]]|A|$]]|$1|P|3|C|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|1J|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|F|7|1K|8|@]|9|@]|A|$G|H]]|$1|U|3|C|5|6|7|1L|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]|13|$5|Y|Z|10|A|$11|14]]]]

<p>I'd say DI is an out-of-the-box feature of JS/ES2015. :-) Of course, it is not full featured IOC containers but looks useful, doesn't it? Check out an example below!</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const one = () =&gt; 1;
const two = ({one}) =&gt; one + one;
const three = ({one, two}) =&gt; one + two;

// IOC container
const decimalNumbers = {
  get one() { return one(this); },
  get two() { return two(this); },
  get three() { return three(this); }
};

const binaryTwo = ({one}) =&gt; one + 9;

// child IOC container
const binaryNumbers = Object.create(decimalNumbers, {
  two: { get() { return binaryTwo(this); } }
});

console.log(`${decimalNumbers.three} is ${binaryNumbers.three} in binary`);</code></pre>
</div>
</div>
</p>

<p>You can wrap dependencies in <code>_.once</code> (see <a href="http://underscorejs.org/#once" rel="nofollow noreferrer">underscore</a> or <a href="https://lodash.com/" rel="nofollow noreferrer">lodash</a>) to turn them into singletons.</p>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const rand = function() {
  return (min, max) =&gt; min + Math.random() * (max - min) | 0;
};

const pair = function({rand} = this) {
  return [rand(10, 100), rand(100, 1000)];
};

// IOC container
const ioc = Object.create({}, {
  rand: {get: rand},
  pair: {get: _.once(pair)} // singleton
});

console.log(`${[ioc.pair, ioc.pair === ioc.pair]}`);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|195259|text|尽管这是一个古老的问题，但我感觉到了这种冲动。;)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195260|//dependency+injection
class+Thing1+{
++++constructor(aThing){
++++++++this.otherThing+=+aThing;
++++}
}
class+Thing2+{}

const+thing+=+new+Thing1(new+Thing2())

//dependency+inversion
class+Thing1+{
++++constructor({
++++++++read+=+null
++++}+=+{}){
++++++++if(typeof+read+!==+'function'){
++++++++++++//establish+a+simple+contract
++++++++++++throw+new+TypeError(read+%2B+'+is+not+a+function.');
++++++++}
++++++++this._read+=+read;
++++++++//Somewhere+an+instance+of+Thing1()
++++++++//will+call+this._read()
++++}
}

class+Thing2+{
++++read(){
+++++++//read+something
++++}
}

const+thing2+=+new+Thing2();
const+thing1+=+new+Thing1({
++++read(){
++++++++//Here+is+the+equivalent+to+the+so+called+"interface"
++++++++return+thing2.read();
++++}
});|code-block|syntax|javascript|195261|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Even though this is an old question I feel the urge. ;)</p>

<pre><code>//dependency injection
class Thing1 {
    constructor(aThing){
        this.otherThing = aThing;
    }
}
class Thing2 {}

const thing = new Thing1(new Thing2())

//dependency inversion
class Thing1 {
    constructor({
        read = null
    } = {}){
        if(typeof read !== 'function'){
            //establish a simple contract
            throw new TypeError(read + ' is not a function.');
        }
        this._read = read;
        //Somewhere an instance of Thing1()
        //will call this._read()
    }
}

class Thing2 {
    read(){
       //read something
    }
}

const thing2 = new Thing2();
const thing1 = new Thing1({
    read(){
        //Here is the equivalent to the so called "interface"
        return thing2.read();
    }
});
</code></pre>


blocks|key|4701116|text|我编写了自己的名为Di-+JavaScript+https://github.com/di-ninja/di-ninja的忍者依赖注入框架|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4701117|据我所知，它功能齐全，是目前javascript中唯一一个实现了组合-根设计模式的组件，它可以帮助您保持所有东西的解耦，并将应用程序组件和配置连接到一个唯一的根位置。http://blog.ploeh.dk/2011/07/28/CompositionRoot/|4701118|它可以与NodeJS和Webpack很好地配合使用|4701119|如有任何反馈，我们将不胜感激|4701120|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/di-ninja/di-ninja|1|http://blog.ploeh.dk/2011/07/28/CompositionRoot/^0|O|10|0|0|2B|1C|1|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]]]

<p>I coded my own JavaScript Dependency Injection Framework called Di-Ninja
<a href="https://github.com/di-ninja/di-ninja" rel="nofollow noreferrer">https://github.com/di-ninja/di-ninja</a></p>

<p>It's full featured and is currently the only one in javascript, as I know, that implement Composition-Root design pattern,
helping you to keep all things decoupled and to wire application components and config at one unique root place.
<a href="http://blog.ploeh.dk/2011/07/28/CompositionRoot/" rel="nofollow noreferrer">http://blog.ploeh.dk/2011/07/28/CompositionRoot/</a></p>

<p>It work well with NodeJS and Webpack</p>

<p>Any feedback would be appreciated</p>


<p>I am new at JavaScript. I wonder how dependency injection is being implemented in JavaScript? I searched the internet but couldn't find anything.</p>


JavaScript Dependency Injection

容器

我是JavaScript的新手。我想知道依赖注入是如何在JavaScript中实现的？我在网上搜索了一下，但什么也没找到。

问JavaScript依赖注入
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript依赖注入EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript依赖注入
EN