AngularJSのプロトタイプ関数に依存関係を渡す方法

Question

プロトタイプ関数の依存関係（コンストラクタパラメータ）へのアクセス方法はあまりありませんか？特にAngularJS Servicesの場合。

私だけ

function SomeSrvc($http, ...other deps...) { 
    var srvc = this; 

    // Verbose way of storing dependencies 
    srvc.$http = $http; 
    srvc.dep2 = dep2; 
    srvc.dep3 = dep3; 
    srvc.dep4 = dep4; 
} 

SomeSrvc.prototype.doSomething = function() { 
    var srvc = this; 
    // Do stuff with srvc.$http and other srvc.deps... 
}; 

Answer 1

私は外側のスコープにプロトタイプを使用して回避し、単に閉鎖使用されるだろう知っている最短：

function SomeSrvc($http, ...other deps...) { 
    var srvc = this; 

    srvc.doSomething = function() { 
    // just use $http without this/srvc 
    }; 
} 

ショートと素敵に。あなたが本当にプロトタイプのような構文のように、ただインデント（私の意見では、これは醜いだろう）を調整した場合：

function SomeSrvc($http, ...other deps...) { 
    var srvc = this; 



srvc.doSomething = function() { 
    // Do stuff with srvc.$http and other srvc.deps... 
}; 

} 

をこれは、あなたと同じ効果を与える - new演算子を使用して作成したオブジェクトは、この機能を持っております角度のあるサービスがこのように作成されます。

さらに、この方法は本当に良い副作用を持っています。サービスオブジェクトに変数を作成しないので、サービスにすべての変数を代入するとpublicになり、別の角度モジュールからアクセスできるようになり、それらはprivateとみなすことができます。現在、サービスを注入するだけで、注入されたすべてのモジュールを使用することができます。

SomeSrvc.$http 

これは完全に依存性注入のアイデアに反するものです。サービスではなく、コントローラの

Answer 2

の知っているこれは、実際にdocumentation

function SomeClass(greeter) { 
    this.greeter = greeter; 
} 

SomeClass.prototype.doSomething = function(name) { 
    this.greeter.greet(name); 
} 

で説明した公式の方法ですが、私が代わりにES2015クラスの構文を使用することを検討します。

export default class SomeClass { 
    constructor(greeter) { 
    this._greeter = greeter; 
    } 

    doSomething() { 
    this._greeter.greet(name); 
    } 
} 

あなたはそれについて読むことができ、よりhere

Answer 3

が、私は少し違う何か

module.factory('myService', function(dep1, dep2){ 
    var createInternal=function(){ 
     var internal = Object.create(proto); 
     internal.init(...); 
     return internal; 
    }; 
    var service = function(){ 
     var internal = createInternal(); 
     return { 
      doSomething: function(a, b, c){ return internal.doSomething(a,b,c); }, 
      ... 
     }; 
    }; 
    var proto = { 
     init: function(...){ 
        dep1.greet(); 
        dep2.doSomethingElse(); 
        ... 
       }, 
     doSomething: function(a, b, c){ 
        dep1.grito(b); 
        dep2.haceOtraCosa(); 
       }, 
     ... 
    }; 
    return service(); 
}); 

を行ってきたそれは少し違うのですが、それは、ヘッダと、私が好きなプロトタイプの機能のリストにそれを壊します。