코드 3줄로 캐러셀 (이미지 슬라이드) 만들기1질문

[김대한]

안녕하세요. 선생님 강의 잘 듣고 있습니다. 질문드립니다.

 
실행해보면 $('.slide-2').on('click', 슬(-100)) 이거는 슬(-100)이 이미 실행되어 있는 상태로 나옵니다.

    $('.slide-2').on('click', function () {
      슬(-100);
    })
이거는 버튼을 클릭 시에 function()을 동작하여  슬(-100)  실행을 합니다.  


찾아보니, 1번은 이미 슬(-100)을 실행한 후 그 반환 값을 이벤트 핸들러로 등록을 되어 있다고 하더라구요.

그래서

    $('.slide-2').on('click', test(-100))

    function test(이동거리) {
      $('.slide-container').css('transform', `translateX(${이동거리}vw)`)
      return console.log('아아')
    }

이렇게 return을 써주면 버튼 클릭할 때에 반환 값인 console.log('아아')이 실행될거라고 생각했는데 안되더라구요..?
여기서 동작원리를 잘모르겠어서 질문드립니다.

정리하자면, 
1 : $('.slide-2').on('click', 슬(100)), 과  
          $('.slide-2').on('click', function () { 슬(-100); }) 동작 방식에 대한 차이가 궁금합니다. 

[codingapple]

위 코드는 슬(100) 함수 return 결과를 콜백함수자리에 집어넣은거라 이상하게 동작합니다 
 $('.slide-2').on('click', function () { 슬(-100); })
원래 콜백함수넣고 그 안에 함수넣어야잘됩니다

[글쓴이]

글