nasıl prototip işlevlerinde bağımlılıkları (yani yapıcı parametreleri) erişmenin daha az ayrıntılı bir yolu var mı angularjs

Question

yılında prototip işlevlerine bağımlılıkları geçmek? Özellikle AngularJS Services için. Bu aslında documentation

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

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

açıklanan resmi yoludur Ama bunun yerine ES2015 sınıfları sözdizimi kullanmak dikkate alacağını

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

ben bir dış kapsamında prototip kullanarak kaçınarak ve basitçe kapanışları kullanmak olacağını biliyorum en kısa:

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

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

Kısa ve güzel. Eğer gerçekten prototip benzeri sözdizimi gibi, sadece girinti ayarlamak (ama bence bu çirkin olurdu) ise:

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



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

} 

Bu, aynı etkiyi verir - bu işlevi olacak bir new operatörü ile oluşturulan nesne ve açısal hizmetler bu şekilde oluşturulur.

Ayrıca, bu şekilde gerçekten iyi bir yan etkisi yoktur. Bu hizmet nesne üzerinde değişkenleri yaratmaz, bu yüzden hizmet için tüm değişkenleri atarken onlara public yapar ve başka açısal modülünden girilebildiği, private olarak kabul edilebilir. Şu anda servisinizi sadece enjekte ederek enjekte edilen tüm modülleri sadece ör. bağımlılık enjeksiyon fikrine tamamen karşıdır

SomeSrvc.$http 

.

hizmetler değil, kontrolörler için

Answer 2

ait

Ben sadece biliyorum.

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

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

Bu konuda okuyabilirsiniz daha here

Answer 3

, biraz farklı bir şey yaptığını

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(); 
}); 

Bu biraz farklı, ama ben gibi, bir başlık ve prototip işlevlerin listesine ayırmaktır .