Javascript - 콜백(Callback)

콜백(callback)

 -기존의 함수 대신 인자로 전달된 함수를 실행 함으로써 동작 방법이 바뀌게 되는 현상을 콜백현상이라고 한다.

 -이전 배열메소드(method)(3)에서 다루었던, sort()메소드를 가지고 설명을 진행 하겠다.(배열메소드(method)(3) 링크)!

  *하기 코드의 결론부터 이야기 하자면, sort(function); 에서 function이 Callback 함수이다.  

  *array.sort(); 자바스크립트 안에 내장되어 있는 함수 이다.

  *array.sort(function());이 순서대로(동기적) 실행이 된다면 sort()내장 함수가 실행되고나서 소괄호() 안에 있는 함수가 실행 되어야 하지만, function() 함수가 먼저 실행 되었기 때문에 sort(function)을 했을 때, 정확한 정렬을 할 수 있는 것이다.

  *이와 같은 현상을 콜백이라고 한다!! ==> 순서대로가 아니라 필요한 함수가 먼저 실행되는 현상(비동기적)이다.

  *이런 비동기적 현상을 가지고 있기 때문에 웹사이트에서 여러가지 일을 할 수 있다. 예를 들어 네이*에서 뉴스를 클릭하고, 뉴스 내용이 뜨는 동안 홈 페이지에서 스크롤을 내리는 행동을 할 수 있는 것이다.

  *만약 비동기 현상이 없다면??? 뉴스를 누르고 뉴스가 뜰 동안 아무것도 못 하고 기다려야 한다.

  *다음 글에서 배열 함수형을 게시할 예정이다. 여기에서 .forEach .map .filter .reduce를 다룰 예정인데 이때 콜백(callback)함수를 이용한 배열 함수형을 넣겠다.

 

Callback 함수가 없을 때

Callback 함수가 있을 때

#javascript#생활코딩#codestates#콜백#callback#동기#비동기#배열함수형#forEach#map#filter#reduce