Array dengan Fungsi Anonim dalam JavaScript

Saya telah menyebutkan sebelumnya bahwa fungsi dalam JavaScript berperilaku seperti string atau angka. Khususnya, Anda dapat membuat array yang terdiri dari fungsi. Mari kita buat:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

Sebagai contoh, mari kita tampilkan isi elemen nol array di konsol:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

console.log(arr[0]); // akan melihat kode sumber fungsi pertama

Seperti yang Anda lihat, dalam contoh di atas kita mendapatkan kode sumber fungsi, bukan hasilnya.

Agar pemanggilan fungsi terjadi, perlu ditambahkan tanda kurung. Karena fungsi kita disimpan dalam arr[0], maka tanda kurung perlu ditulis setelah tanda kurung siku, seperti ini: arr[0](). Mari kita periksa:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

arr[0](); // akan menampilkan '1'

Anda juga dapat mengulang array fungsi kita dengan perulangan dan dalam perulangan tersebut memanggil setiap fungsi:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

for (let func of arr) {
  func(); // memanggil fungsi-fungsi kita dalam perulangan
}