Повторите функцию javascript, используя несколько переменных

Question

Я не уверен, как лучше объяснить, что я пытаюсь сделать, поэтому я приведу пример.

Скажем, у меня есть функция JavaScript, как это:

function myFunction(){ 
    doSomething('text string here'); 
} 

Мне нужно повторить эту функцию с заданным интервалом. Я могу сделать это с помощью setTimeout.

Однако текстовую строку, которую мне нужно использовать, это не только одна строка, у меня три. Так что моя функция будет вид выглядеть следующим образом:

function myFunction(){ 
    var stringOne = "My first string"; 
    var stringTwo = "My second string"; 
    var stringthree = "My third string"; 

    doSomething(*string variable name here*); 
} 

Так что мне нужно вызвать функцию, скажем, через каждые 10 секунд, но каждый раз, когда он запускает его нужно использовать следующую текстовую строку, в порядке.

Так что мне нужно позвонить:

myFunction, and have it use stringOne. 
myFunction, and have it use stringTwo. 
myFunction, and have it use stringThree. 
And then start back at the first one again. 

Я мог бы написать три отдельные функции, и связать их вместе в цикле, используя SetTimeout, но мне кажется, что там должно быть лучшим решением.

Answer 1

Вы можете использовать крышку для счетчика.

function myFunction() { 
 
    var counter = 0, 
 
     fn = function() { 
 
      var array = ["My first string", "My second string", "My third string"]; 
 
      console.log(array[counter]); 
 
      counter++; 
 
      counter %= array.length; 
 
     }; 
 
     fn(); 
 
    return fn; 
 
} 
 
setInterval(myFunction(), 2000);

Answer 2

С помощью рекурсивной функции с приращением индекс

(function myFunction(i){ 
 
    var arr = ["My first string", "My second string", "My third string"]; 
 
    
 
    setTimeout(function() { 
 
     doSomething(arr[i = i < arr.length ? i : 0]); 
 
     myFunction(++i); 
 
    }, 1000); 
 
})(0); 
 

 
function doSomething(str) { 
 
    console.log(str) 
 
}

Answer 3

просто использовать глобальную переменную для отслеживания текущей строки:

currentString = 0; 

то после каждого вызова увеличивают стоимость и по модулю:

function myFunction(){ 
    switch(currentString){ 
    //print the current string 
    } 

    currentString = (currentString + 1) % 3; 
} 

Answer 4

function myFunction(strings){ 
 
    var ii = 0 
 
    function iterate(){ 
 
    // increment or reset the iterator 
 
    doSomething(strings[ii++ % strings.length]) 
 
    // call it again after 1 second (change this) 
 
    setTimeout(iterate, 1000) 
 
    } 
 
    // kick off the iteration of your strings 
 
    iterate() 
 
} 
 

 
function doSomething(val) { 
 
    console.log(val) 
 
} 
 

 
// init the iterator with your strings 
 
myFunction([ 
 
'myFunction, and have it use stringOne.', 
 
'myFunction, and have it use stringTwo.', 
 
'myFunction, and have it use stringThree.' 
 
])

Answer 5

Нет необходимости закрытия бы то ни было; Не упоминается, но я также добавил тайм-аут. Просто сделайте вот так;

var array = ["My first string", "My second string", "My third string"], 
 
     sid; 
 
function runner(i){ 
 
    console.log(array[i=i%array.length]); // i hate i growing indefinitely 
 
    sid = setTimeout(_ => runner(++i),2000); 
 
} 
 

 
runner(0); 
 
setTimeout(_ => clearTimeout(sid),20000);