JavaScript의 콜백

안녕하세요, سلام, nmaste 👋

JavaScript의 또 다른 필수적이고 중요하며 이해하기 쉬운 주제인 몇 가지 예제가 있는 콜백으로 다시 돌아왔습니다.

실제로 콜백이란 무엇입니까?

함수는 호출될 때 특정 작업을 수행하는 코드 블록입니다. 예를 들어

// function
function welcome(name) {
     console.log('Hi ' + name)
}

welcome('Mursal')
// Output: Hi Mursal

위의 주어진 예에서 값은 welcome() 함수에 대한 인수로 전달됩니다. 함수에 대한 인수로 함수를 전달할 수도 있습니다. 다른 함수 내부에서 인수로 전달되는 이 함수를 콜백 함수라고 합니다. 예를 들어

// function
function welcome(name, callback) {
     console.log('Hi ' + name)
     callback()
}

// callback function
function initCallback() {
     console.log('I am a callback Function')
}

// passing function as an argument
welcome('Mursal', initCallback)

왜 사용합니까?

콜백을 사용하는 가장 큰 이점 중 하나는 이전 함수의 결과를 기다렸다가 다른 함수를 실행할 수 있다는 것입니다. 예를 들어

// It will show delay in execution
function welcome() {
     console.log('Welcome to Dev')
}

function welcomePerson(name) {
     console.log('Welcome ' + name)
}

// calling the function
setTimeOut(welcome, 2000) //setTimeOut is used to so that the function is delayed
welcomePerson('Mursal')

위에 주어진 예에서

welcome() 함수가 2000ms(2s) 후에 호출됨

대기 중에 welcomePerson('Mursal')이 실행됨

Welcome Mursal은 Welcome to Dev 전에 인쇄됩니다.

콜백을 사용하는 정확한 시간

콜백 기능은 시간이 걸리는 결과를 기다려야 할 때 유용합니다. 예를 들어 데이터가 이동하는 데 시간이 걸리기 때문에 서버에서 오는 데이터입니다.

계속하세요. 일상적인 코드에서 콜백을 시도하고 여기에서 피드백을 공유하세요.