Contoh Proses Non Pemblokiran di JavaScript

JavaScript adalah bahasa pemrograman sinkron. Ini berarti ia akan mengeksekusi blok kode Anda dengan perintah dari atas ke bawah. Namun berkat JavaScript Event loop, kami dapat melakukan proses non-pemblokiran dengan menggunakan fungsi callback dan fungsi promise.

Berikut ini beberapa contohnya.

Fungsi Callback

// Example Parameter Function
const parameter = {
  firstName: 'John',
  lastName: 'Doe'
}
// Example callback function (will run after delay function finish)
const callBackFunction = (result) => {
  console.log(result)
}
// Example slow process or API call Function
const delayFunction = (callBack, parameter) => {
  
  // For replicate delay we use setTimeout as example
  setTimeout(() => {
    // Example slow process or api call return
    const result = `${parameter.firstName} ${parameter.lastName}`
    
    // Triggering the callback function after getting the result
    callBack(result)
  },1000)
}
console.log('start')
// Run delay function
delayFunction(callBackFunction, parameter)
console.log('finish')
// Output:
// Start
// Finish
// John Doe

// Example Parameter Function
const parameter = {
  firstName: 'John',
  lastName: 'Doe'
}
// Example callback function (will run after delay function finish)
const callBackFunction = (result) => {
  console.log(result)
}
// Example slow process or API call Function
const delayFunction = (parameter) => {
  return new Promise((resolve) => {
    
    // For replicate delay we use setTimeout as example
    setTimeout(() => {
    
    // Example slow process or api call return
    const result = `${parameter.firstName} ${parameter.lastName}`
    
    // Triggering the resolve promise after getting the result
    resolve(result)
  },1000)
  })
}
console.log('start')
// Run delay function
delayFunction(parameter).then(callBackFunction)
console.log('finish')
// Output:
// Start
// Finish
// John Doe

Setelah semua proses yang tersisa selesai, JavaScript akan memeriksa loop Peristiwa untuk melihat apakah callback sudah selesai atau belum. Setelah selesai, itu akan menjalankan fungsi panggilan balik.

Kesimpulan

Itu saja dan jika Anda menemukan artikel ini bermanfaat, beri tahu kami di komentar. Anda juga dapat mengikuti saya di Medium dan LinkedIn