Bagian 29: Pemrograman JavaScript Lanjutan

🔊 Putar Suara

Fungsi Tingkat Lanjut

Di bagian ini kita membahas fungsi lanjutan seperti fungsi anonim, arrow function, dan callback.

// Fungsi anonim
const tampilkan = function(nama) {
  console.log("Halo " + nama);
};
tampilkan("Dunia");

// Arrow function
const kali = (a, b) => a * b;
console.log(kali(4, 5)); // 20
  

Callback Function

Fungsi callback adalah fungsi yang dikirim sebagai argumen ke fungsi lain, dan dipanggil di dalam fungsi tersebut.

function proses(data, callback) {
  console.log("Memproses: " + data);
  callback();
}
proses("Data penting", function() {
  console.log("Selesai diproses.");
});
  

Pengantar Promise

Promise adalah objek yang mewakili penyelesaian atau kegagalan operasi asynchronous.

let janji = new Promise(function(resolve, reject) {
  let sukses = true;
  if(sukses) {
    resolve("Janji terpenuhi!");
  } else {
    reject("Janji gagal...");
  }
});
janji.then(function(value) {
  console.log(value);
}).catch(function(error) {
  console.error(error);
});
  

Dengan memahami konsep-konsep lanjutan ini, kita sudah memiliki bekal yang kuat untuk membangun aplikasi JavaScript yang lebih kompleks dan profesional.

Pertanyaan Umum

• Apa itu arrow function di JavaScript? Arrow function adalah cara penulisan fungsi yang lebih ringkas, diperkenalkan di ES6.
• Apa perbedaan callback dan promise? Callback adalah fungsi yang dijalankan setelah operasi selesai. Promise memberikan cara yang lebih terstruktur untuk menangani asynchronous flow.
• Kapan saya harus menggunakan promise? Gunakan promise saat menangani operasi asynchronous seperti fetch data dari API, atau proses yang bisa gagal atau berhasil.