Ein Beispiel für einen nicht blockierenden Prozess in JavaScript

JavaScript ist eine synchrone Programmiersprache. Dies bedeutet, dass Ihr Codeblock in der Reihenfolge von oben nach unten ausgeführt wird. Dank der JavaScript-Ereignisschleife können wir jedoch nicht blockierende Prozesse mithilfe einer Rückruffunktion und einer Versprechensfunktion ausführen.

Hier sind einige Beispiele.

Rückruffunktion

// 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

Nachdem der gesamte verbleibende Prozess abgeschlossen ist, überprüft JavaScript die Ereignisschleife, um festzustellen, ob der Rückruf bereits beendet wurde oder nicht. Wenn Sie fertig sind, wird die Rückruffunktion ausgeführt.

Fazit

Das war's und wenn Sie diesen Artikel hilfreich fanden, lassen Sie es uns in den Kommentaren wissen. Sie können mir auch auf Medium und LinkedIn folgen