Вызов определенного массива функций

Question

Я хочу вызвать определенный массив функций в моем onclick.

Пример JS:

var foo = [ 
    function() { alert("Function 1!"); }, 
    function() { alert("Function 2!"); } 
]; 

Пример HTML:

<a onclick="foo[0]" >Alert</a> 

, но не понимаю, как сделать это.

Answer 1

Вам нужна скобка для вызова функции. В противном случае вы вернуть саму функцию, как в примере 2.

<a onclick="foo[0]()" >Alert</a> 
<!--    ^^   --> 

var foo = [ 
 
    function() { alert("Function 1!"); }, 
 
    function() { alert("Function 2!"); } 
 
];

<a onclick="foo[0]()" >Alert</a><br> 
 
<a onclick="alert(foo[0])" >Alert, what really happens without parenthesis</a>

Answer 2

Вы должны вызвать функцию. так как вы получаете только функцию, используя foo[0]. вам нужно вызвать их (), чтобы запустить функцию

var foo = [ 
 
    function() { alert("Function 1!"); }, 
 
    function() { alert("Function 2!"); } 
 
]; 
 
foo[0](); 
 
foo[1]();