JavaScript의 논블로킹 프로세스의 예

JavaScript는 동기식 프로그래밍 언어입니다. 즉, 위에서 아래로 순서대로 코드 블록을 실행합니다. 그러나 JavaScript Event 루프 덕분에 콜백 함수와 약속 함수를 사용하여 논블로킹 프로세스를 수행할 수 있습니다.

여기 몇 가지 예가 있어요.

콜백 함수

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

남은 모든 프로세스가 완료된 후 JavaScript는 이벤트 루프를 확인하여 콜백이 이미 완료되었는지 여부를 확인합니다. 완료되면 콜백 함수를 실행합니다.

결론

이상입니다. 이 기사가 도움이 되었다면 댓글로 알려주세요. Medium 및 LinkedIn 에서 저를 팔로우할 수도 있습니다.