Jak uruchomić losowo wybraną funkcję w JavaScript?

Question

Próbuję uruchomić funkcję losową, ale nie dość zorientowaliśmy się:

<script> 

function randomFrom(array) {return array[Math.floor(Math.random() * array.length)];} 

function randomchords(){randomFrom(['poop()', 'poop2()', 'poop3()']);}    



function poop() { $(function() {ionian_c_vi() }); }       

function poop2() { $(function() {ionian_c_iii() }), $(function() {ionian_c_iv() }); }      

function poop3() { $(function() {ionian_c_vi() }), $(function() {ionian_c_i() }), $(function() {ionian_c_ii() }); } 

</script> 

a następnie:

<button onclick="randomchords()" >Get some random chords</button> 

Jestem na dobrej drodze?

Answer 1

Jedną z opcji jest użycie window obiektu:

function randomchords() { 
    var func = randomFrom(['poop', 'poop2', 'poop3']); 
    window[func](); 
} 

zwrócić uwagę, że należy usunąć nawiasy od nazw funkcji w tablicy.

---

Inną opcją jest usunięcie cytaty z wariantu powyżej funkcje wywołać bezpośrednio:

function randomchords() { 
    var func = randomFrom([poop, poop2, poop3]); 
    (func)(); 
} 

Answer 2

Można zrobić wiele sposób:

ale najłatwiej myślę wygenerować liczbę losową i wywołanie funkcji z przypadku :)

$("button").click(function) 
{ 
    var n = Math.floor(Math.random()*11); 
    switch(n) 
    { 
     case: 0: 
     Function0(); 
     break; 

     case: 1: 
     Function1(); 
     break; 

     case: 2: 
     Function2(); 
     break; 

     ... 

     case: 10: 
     Function10(); 
     break; 
} 

z btn można nazwać

<button>Get some random chords</button> 

Answer 3

Funkcje są podobnymi wartościami. Można powiedzieć:

var myArray = [ 
    function(){ 
     ionian_c_vi(); 
    }, 
    function(){ 
     ionian_c_iii(); 
     ionian_c_iv() 
    }, 
    function(){ 
     ionian_c_vi(); 
     ionian_c_i(); 
    } 
]; 
function randomchords(){ 
    randomFrom(myArray).call(); 
} 

Aby uzyskać więcej informacji, patrz na http://www.yuiblog.com/blog/2010/02/24/video-crockonjs-3/ i/lub przeczytać na https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/Call

Bookwise, przeczytaj Javascript: Dobrą części (120 stron)

Pomaga uczyć się JS poza jQuery:)

Answer 4

Jesteś dość blisko:

function foo() { ... } 
function bar() { ... } 
function baz() { ... } 

Te funkcje są zdefiniowane w globalnym zasięgu, który zwykle jest window w przeglądarce. Możesz uzyskać do nich dostęp za pośrednictwem łańcucha, dzwoniąc na przykład window['foo']. Zwróci to samą funkcję foo (a nie wartość z wykonania).

function randomFrom(array) { 
    return array[Math.floor(Math.random() * array.length)]; 
} 

function randomchords() { 
    // add the 'window' prefix here 
    randomFrom(window['foo', 'bar', 'baz'])(); 
}