• 티스토리 홈
  • 프로필사진
    alpha brain
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
alpha brain
  • 프로필사진
    alpha brain
    • 분류 전체보기 (93)
      • SOFTWARE DEVELOP (68)
        • REACT.JS (3)
        • WEBPACK (4)
        • HTML&CSS (2)
        • EXPRESS (0)
        • DATABASE (0)
        • NODE.JS (3)
        • JAVASCRIPT (24)
        • DOCKER (1)
        • Linux (3)
        • Git (6)
        • GRAPHQL (0)
        • Datastructure (7)
        • Development (6)
        • HTTP (1)
        • Programming Paradigm (1)
        • Algorithm log (5)
        • DEV log (1)
        • Project log (0)
        • I don't know yet (1)
      • 경제, 재무 (23)
      • 여행 (0)
      • 시사, 상식 (2)
  • 반응형
    250x250
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [Javascript] callBack은 call me back
        2020년 01월 26일
        • alpha brain
        • 작성자
        • 2020.01.26.:38
        728x90
        반응형

        Cambridge Dictionary 에서 call back의 뜻을 알아보았다.

        정의들을 보면 빈번하게 중복되는 단어를 볼수가 있다. 

        request 와 return

        어떤 요청을하고 그에 따른 리턴을 받는것. 

        프로그래밍에서의 callback도 동일하다.


        function sayHello(){
          console.log("hello!");
        }
        
        sayHello();

        이 코드는 sayHello함수의 실행의 주체가 '나' 다. 내가 불렀으니까.

        function sayHello(){
          console.log("hello!");
        }
        
        setTimeout(sayHello, 3000);

        하지만 이 코드는 sayHello함수의 실행주체는 setTimeout함수다. (나는 함수 작성만 했을 뿐.)

        "setTimeout함수야, 3초후에 sayHello함수가 실행되도록해줘!"

        나는 setTimeout함수한테 요청(request)을 하는것이다.

        그리고 그 결과(return)가 "3초후 실행"인것이다.

        자바스크립트 뿐만아니라 많은 프로그래밍 언어가 콜백함수를 처리할때 이런방식으로 처리한다.

        callback의 구현이 단지 함수를 인자로 넘긴다는것 , 그것뿐인것이다.

        앞에서 포스팅했던, array method 중  map,filter,reduce 등등 모두 callback을 받을수가 있는것도 모두 같은 원리다.

        [Javascript] 배열의 순회 메서드(Iteration methods)
        배열의 순회 메서드는 인자(argument)로 함수(callbackFunction)를 받는다. 함수를 받은 배열은 자신의 길이(length)를 확인한후 그 길이만큼 배열요소에 접근하여 함수(callback)를 실행시킨다. 즉, 내가 함수를..
        artdev.tistory.com




         

         

         

        function sayToMe(){
          console.log("다시 돌아와줘..");
        }
        
        function callVibesMusic(sayToMe){
          if(ifYouStillKnowMyPhoneNumber()){
             sayToMe();
          }
        }
        
        callVibesMusic();

         

        728x90
        반응형

        'SOFTWARE DEVELOP > JAVASCRIPT' 카테고리의 다른 글

        [Javascript] Object.create( ) 과 prototype chaining  (0) 2020.02.14
        [Javascript] prototype, __proto__, constructor  (0) 2020.02.14
        [Javasvript] this는 가리킬뿐, this의 4가지 바인딩  (0) 2020.01.26
        [Javascript] 객체를 만드는 방법, (class, function)  (0) 2020.01.20
        [Javascript] 클로저(Closure)  (0) 2020.01.20
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바