콜백함수부분에 대해 질문있습니다.

Question

안녕하세요 현재 자바스크립트를 공부하고 있는 초보자입니다. 현재 위치를 보여주는 코드를 작성하면서 궁금한 점이 생겼습니다.

const askForLocation = function () {
  navigator.geolocation.getCurrentPosition((position) => {
    console.log(position);
  });
};
askForLocation();

이러한 코드가 있는데 제가 알기론 ()=>{} 콜백함수에 매개변수로 position이 있고 제일 마지막에 askForLocation() 함수 호출하는게 있는데 이 함수 호출부분에서 인자로 아무것도 전달되는것이 없어서 console.log(position)를 했을 때 undefined가 나올 것을 예상했는데 geolocation의 객체정보가 콘솔창에 나오더라구요. 그래서 매개변수로 전달 될 만한것이 없는데 어떻게 콘솔창에 객체정보가 나오는지 궁금합니다. 초보자 입장에서 정말 쉽게 설명해주시면 너무 감사드리겠습니다.

짹 · Answer

navigator.geolocation.getCurrentPosition(success, error) 함수는 브라우저에 제공하는 함수입니다.

첫번째 인자로 success callback 함수를 넣는데.

getCurrentPosition의 함수 구현부 어디선가

success(position)

으로 콜백 함수를 호출합니다.

position은 getCurrentPosition함수 내부에서 넘어오는 값입니다.