角型JavaScriptを使用した正確な例による依存性注入

Question

角型JavaScriptを学ぶのは初めてです。誰も私のデモの例で私に依存性注入の知識を与えてもらえますか？私はそこから学びました。いいえいいえ、私はグーグルで見つけた明確なリンク。

Answer 1

依存 注入は、このように、実行時にそれらを削除するか、または変更することが可能 を作り、ハードコーディングされた依存関係を除去することを可能にするデザインパターンです。

1. 我々は依存に内部的に作成することができます。

   は一般的には、その依存関係を手に入れることができる唯一の三つの方法オブジェクトがあります。

2. グローバル変数として参照することも、参照することもできます。
3. 必要な場所に渡すことができます。依存性注入と

、我々は第三way.Weに取り組んでいるグローバルスコープ優秀なプログラマー汚い決してので、最初の2つの方法に従うと、それは、コードの分離のために困難になりますいけません。

実行時の依存関係を変更するには、この能力は、私たちはテストのため 理想的な独立した環境を作成することができます。 テスト環境では、本番環境の実際のオブジェクトを模倣したものに置き換えることができます。例えば

、私たちは、単一のモジュールと、単一のコントローラを宣言し、このシンプルなアプリ、のようなので、考えてみましょう：アンギュラは私たちのインスタンスをインスタンス化したときに、実行時に

angular.module('myApp', []) 
 
.factory('greeter', function() { 
 
return { 
 
greet: function(msg) { alert(msg); } 
 
} 
 
}) 
 
.controller('MyController', 
 
function($scope, greeter) { 
 
$scope.sayHello = function() { 
 
greeter.greet("Hello!"); 
 
}; 
 
});

をグレーターを見て、単純に を自然に渡します。上記の例ではどこにも

我々はグリーターを見つける方法を説明しました。 インジェクタが私たちのためにそれを見つけてロードするので、それは単に機能します。さらに参考のために

は、あなたがより良い理解を得るのを助けることができAngularjs Modularization and Dependency injectionをご覧ください。