¿Llamar a una función en el servicio AngularJS desde el mismo servicio?

ng-href angular 5

Question

Tengo un servicio AngularJS definido de la siguiente manera

angular.module(''myService'').service(''myService'', function() {
  this.publicFunction(param) {
    ...
  };

  this.anotherPublicFunction(param) {
    // how to call publicFunction(param)?
    ...
  };
});    

y me gustaría llamar a la primera función desde fuera del servicio (que funciona bien por myService.publicFunction(xxx) ) y desde otra función en el mismo servicio, es decir, anotherPublicFunction . Ni uno de this.publicFunction(param) ni myService.publicFunction(param) no funcionará desde dentro de la segunda función, y puedo entender eso.

EDITAR:
En realidad, todo el problema fue causado por algo que no puedes reproducir con solo mi ejemplo. Pasé la segunda función como un parámetro de devolución de llamada a otra función en un controlador por separado, y cuando se llama, la referencia a this no funciona.

P.ej

anotherService.someCall(''a'', 123, myService.anotherPublicFunction);

falla dentro de anotherPublicFunction porque this no se puede resolver.

Escribí un Plunker para mostrar el problema: http://plnkr.co/edit/rrRs9xnZTNInDVdapiqF?p=info

(Debo dejar la pregunta aquí en caso de que ayude a alguien más).

Sé que podría solucionar el problema utilizando una referencia al servicio o la primera función como esta

var ms = this;
this.anotherPublicFunction(param) {
  ms.publicFunction(param);
  ...
};

o esto

var pf = this.publicFunction;
this.anotherPublicFunction(param) {
  pf(param);
  ...
};

pero ambos parecen sucios hacks.

¿Hay una buena manera de llamar a la primera función desde la segunda en este caso? ¿O estoy haciendo algo totalmente malo en primer lugar para tener un servicio como este?

Encontré estas preguntas con buenas respuestas:

• Angularjs comparte funciones dentro del servicio
• AngularJs llama una función de servicio interno de uno mismo

pero difieren de mi problema, ya que uno de ellos tiene una función interna separada que debía llamarse, y el otro usaba una fábrica en lugar de un servicio.

EDITAR:

Después de publicar esto, inmediatamente me di cuenta de que también podría hacer esto:

var actualWork = function(param) {
  ...
}

this.publicFunction(param) {
  actualWork(param);
};

this.anotherPublicFunction(param) {
  actualWork(param);
  ...
};

que no parece tan malo como las otras opciones hasta ahora ... ¿Hay mejores enfoques?

Answer 1

Bueno, solo cree dos punteros / variables de función más para sus funciones de servicio con variables locales en servicio y utilícelas para llamar a las funciones de servicio desde el mismo servicio:

*

angular.module(''myService'').service(''myService'', function() {
  **var ref1, ref2;**
  this.publicFunction = **ref1** = function(param) {
    ...
  };
  this.anotherPublicFunction = **ref2** = function(param) {
    // how to call publicFunction(param)?
    **ref1(argument);**
    ...
  };
});

Answer 2

Creo que la mejor manera es seguir así:

var myFunctions = 
{

    myFunc1: function(param) {

    },

    myFunc2: function(param) {
       return foo + myFunctions.myFunc1(param)// do some stuff with the first function        
    }

}
return myFunctions;

porque creo que si usa esto , puede entrar en conflicto con el alcance donde utiliza el servicio.

Answer 3

Debajo de la solución funcionó para mí:

 angular.module(''myService'').service(''myService'', function() {

    var self= {
        this.publicFunction(param) {
 ...
 };

 this.anotherPublicFunction(param) {
 // You can call the publicfunction like below
 self.publicFunction(param);
 ...
 };
 return self;

 }
 ]);`

Answer 4

La mejor y más fácil manera de llamar es:

myapp.service("SomeService", function ($http) {

    this.func1 = function (params) {
        // Some thing the service returns
        return something;
    }

    this.func2 = function (params) {
        // Some thing the service returns
        var resp = this.func1(params);
        return something;
    }
}

Answer 5

Me encontré con este problema dentro de mi propia codificación angular y opté por utilizar esta forma de la solución:

angular.module(''myService'').service(''myService'', function() {
  var myService = this;
  myService.publicFunction(param) {
    ...
  };

  myService.anotherPublicFunction(param) {
    myService.publicFunction(param);
    ...
  };
});

Preferí este enfoque porque en mi código utilizo publicFunction y dentro de otra PublicFunction I loop sobre varios params que necesitan llamar a publicFunction como parte del proceso.

Answer 6

Puede devolver un objeto desde su servicio como

return {

    myFunc1: function(param) {

    },

    myFunc2: function(param) {
       return foo + this.myFunc1(param)// do some stuff with the first function        
    }

}

Entonces, acceda desde el exterior con service.myFunc1 y desde adentro de sus funciones internas con esto.

Answer 7

Puede establecer ''esto'' como variable

angular.module(''myService'').service(''myService'', function() {
  var that = this;
  this.publicFunction(param) {
    ...
  };

  this.anotherPublicFunction(param) {
    that.publicFunction(param);
  };
});

Answer 8

Si desea utilizar la declaración de fábrica en lugar del servicio, puede:

angular.module(''myService'').factory(''myService'', function() {
  var myService = {};
  myService.publicFunction = function(param) {
    ...
  };

  myService.anotherPublicFunction = function(param) {
    // call publicFunction(param) like so
    myService.publicFunction(param);
  };

  return myService;
});    

Answer 9

Suena bien, pero ¿qué haces cuando ya no es = el servicio?

Este es el caso en el siguiente ejemplo:

return {

        myFunc1: function(param) {

        },

        myFunc2: function(param) {

            scope.$watchCollection(param,function(v) {

              return foo + this.myFunc1(param)// do some stuff with the first function 

            }       
        }

}

Debido a la function(v) { ahora se encuentra en otra función dentro de la función y este ya no es el servicio sino la ventana.

Answer 10

así es como lo implementé:

.service(''testSvc'', function () {
return {
    f1: function (v1) {
        alert(''f1 > v1='' + v1);
    },
    f2: function (v2) {
        alert(''f2 > v2='' + v2);
        this.f1(''az''); //use ''this''
    }
}

})

Answer 11

angular.module(''myService'').service(''myService'', function() {
    return {
      myFunc2: function(param) {
        return foo + myFunc1(param);
      }
    };
    function myFunc1(param){
        ...
    };
});