Penjelasan Detail Fungsi Callback

JavaScript

Pelajari JavaScript untuk interaktivitas website.

Fungsi callback adalah fungsi yang dikirim sebagai argumen ke fungsi lain dan akan dieksekusi setelah operasi tertentu selesai. Callback sering digunakan dalam JavaScript, terutama dalam operasi asinkron seperti pemrosesan file, permintaan HTTP, dan pengelolaan event.

Callback dalam Kode yang Diberikan

Dalam kode:

app.listen(process.env.APP_PORT, () => {
    console.log('Server berjalan...');
});

• Fungsi app.listen() bertugas untuk menjalankan server.
• Argumen kedua () => { console.log('Server berjalan...'); } adalah callback function.
• Callback ini akan dipanggil setelah server berhasil dijalankan.

Struktur Callback

Fungsi callback dalam kode tersebut berbentuk arrow function:

() => {
    console.log('Server berjalan...');
}

Bentuk lain dengan function declaration:

function callbackFunction() {
    console.log('Server berjalan...');
}

app.listen(process.env.APP_PORT, callbackFunction);

Fungsi callback ini tidak menerima parameter, karena app.listen() hanya memanggilnya setelah server mulai berjalan.

Cara Kerja Callback

1. Fungsi utama (app.listen) dipanggil
   • app.listen() mencoba menjalankan server pada port tertentu.
2. Setelah server aktif, callback dieksekusi
   • Jika server berhasil berjalan, callback akan dijalankan dan mencetak "Server berjalan..." ke terminal.

Mengapa Callback Diperlukan?

Callback memungkinkan kita untuk:

• Menjalankan kode setelah operasi selesai tanpa memblokir eksekusi program.
• Menggunakan fungsi lain sebagai parameter, sehingga kode lebih fleksibel dan modular.
• Menangani operasi asinkron, seperti memproses data dari API atau membaca file tanpa menunggu.

Contoh Lain Penggunaan Callback

1. Callback dalam setTimeout (Delay)

setTimeout(() => {
    console.log('Halo, ini callback!');
}, 2000);

• Setelah 2 detik (2000 ms), callback akan dieksekusi dan mencetak "Halo, ini callback!".

2. Callback dalam Pemrosesan Data

function prosesData(data, callback) {
    console.log(`Memproses ${data}...`);
    callback();
}

prosesData('file.txt', () => {
    console.log('Proses selesai!');
});

• Fungsi prosesData() menjalankan callback setelah mencetak teks.

3. Callback dalam Operasi File (fs Node.js)

const fs = require('fs');

fs.readFile('file.txt', 'utf8', (err, data) => {
    if (err) {
        console.error('Gagal membaca file:', err);
        return;
    }
    console.log('Isi file:', data);
});

• Callback dipanggil setelah file selesai dibaca.
• Jika terjadi error, callback menangani error tersebut.

Kesimpulan

• Callback adalah fungsi yang dipanggil setelah tugas tertentu selesai.
• Dalam kode app.listen(), callback digunakan untuk menampilkan pesan setelah server berjalan.
• Callback berguna untuk menangani operasi asinkron seperti server, database, atau pemrosesan data.