Static javascript variable to be used as counter in Angularjs controller - Stack Overflow

admin管理员组

文章数量:1345052

I would like to create a static javascript variable to be used as a counter inside a Angularjs controller. This static variable will be used inside a polling function that gets repeatedly called.

I want to use the static variable in a manner that looks like this;

var polling_func = function()
{
    static var counter = 0;

    if (counter == 10)
    {
        alert('Do action');
        counter = 0;
    }
    counter = counter + 1;
    $timeout(polling_func, 1000);
}
polling_func();

Unfortunately, I cannot declare a static variable using static keyword in javascript. How should I go about doing so in my code?

I would like to create a static javascript variable to be used as a counter inside a Angularjs controller. This static variable will be used inside a polling function that gets repeatedly called.

I want to use the static variable in a manner that looks like this;

var polling_func = function()
{
    static var counter = 0;

    if (counter == 10)
    {
        alert('Do action');
        counter = 0;
    }
    counter = counter + 1;
    $timeout(polling_func, 1000);
}
polling_func();

Unfortunately, I cannot declare a static variable using static keyword in javascript. How should I go about doing so in my code?

• javascript
• angularjs
• static-variables

Share Improve this question Follow edited Nov 27, 2014 at 1:05 guagay_wk asked Nov 26, 2014 at 9:10 guagay_wkguagay_wk 28.1k6464 gold badges200200 silver badges309309 bronze badges 1

• 1 In Angular, services are singletons. So, you could create a CounterService that performed this for any controller. Then, the counter could be part of the service scope. – Davin Tryon Commented Nov 26, 2014 at 9:15

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

I think @Naeem-Shaikh's answer is the simplest one, and pure JS.

But since you flagged angular, there is a more Angular-ish way to do it: use a service.

app.factory('Counter',function() {
  return {c:0};
});

and then in your controller (or multiple controllers):

app.controller('MyCtrl',function(Counter) {
   Counter.counter++;
});

factories/services are intended to be long-lived and pass methods and variables around between short-lived controllers.

If all you need is a var (i.e. no methods) like here, there is a short-hand:

app.value('Counter',{counter:0});

And then use it in controllers in the same way.

Why not declare a global variable, so it will not change the value whenever function is called.

 var counter = 0;
var polling_func = function()
{


    if (counter == 10)
    {
        alert('Do action');
        counter = 0;
    }
    counter = counter + 1;
}
polling_func();
$timeout(polling_func, 1000);

本文标签： Static javascript variable to be used as counter in Angularjs controllerStack Overflow