> 웹 프론트엔드 > JS 튜토리얼 > 콜백 함수, 익명 함수 및 클로저에 대한 기타 이야기

콜백 함수, 익명 함수 및 클로저에 대한 기타 이야기

高洛峰
풀어 주다: 2016-11-21 14:11:11
원래의
1128명이 탐색했습니다.

콜백 함수

콜백 함수는 프로그래밍을 처음 접하는 학생들에게는 다소 이해하기 어려울 수 있습니다. 시퀀스 실행.

테이크아웃 음식을 주문한다고 가정해 보세요. 테이크아웃 음식이 정기적으로 도착했는지 확인하는 방법이 있고, 다른 방법은 배달원에게 전화번호를 보여주면 음식이 도착하면 전화를 하는 것입니다.

두 번째 솔루션이 더 효율적인 솔루션임을 쉽게 알 수 있습니다. 실제로 이 알림 메커니즘을 프로그래밍 분야에 적용하면 콜백 함수입니다.

win32 개발에 익숙한 학생은 일반적인 Windows 프로그램 프레임워크가 메시지 루프에 창 프로시저 기능을 더한 것임을 알아야 합니다. Windows 시스템은 메시지 수락을 인계받은 다음 개발자의 창 프로시저 함수를 호출하여 특정 메시지 처리 논리를 완료합니다. 윈도우 프로시저 함수는 콜백 함수입니다.

콜백 함수가 필요한 이유

위의 win32 프로그램을 예로 들어보겠습니다. 보안상의 이유로 Windows 운영 체제에서는 개발자가 하드웨어 리소스에 직접 액세스하는 것을 허용하지 않습니다. Microsoft 개발자는 메시지 루프를 처리하기 위한 API를 제공하지만 특정 메시지에 대한 응답 논리는 개발자가 제공해야 합니다. 이 경우 콜백 함수가 좋은 구현 솔루션입니다.

또 다른 예를 들자면, 귀하가 휴대폰 장치 관리 소프트웨어 프로젝트 개발에 참여하고 있으며 기본 장치 통신 모듈을 담당하고 있다고 가정해 보겠습니다. 사용자가 장치를 컴퓨터에 삽입하면 이를 처리하도록 상위 모듈에 알려야 합니다. 유연성과 다양성을 위해 자신이 담당하는 모듈에 장치가 연결될 때 처리 로직을 넣을 수 없습니다. 이때 상위 호출자는 콜백 함수를 제공할 수 있으며, 모듈은 다음과 같은 경우 콜백 함수를 호출합니다. 장치가 연결되었습니다.

콜백 기능에는 소위 할리우드 기준이 있습니다. 전화하지 마세요.

익명 함수

c, c++ 등의 언어에서는 콜백 함수를 사용해야 할 때 함수 본문을 미리 정의해야 합니다. 콜백 함수는 일반적으로 호출을 위해 다른 모듈에만 제공되며, JavaScript와 같은 후속 스크립트 언어에서는 익명 함수를 지원합니다. (참고: 새로운 C++ 표준에서는 Lambda 함수라는 익명 함수도 지원하기 시작했습니다.)

getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
로그인 후 복사

위 코드는 이전 튜토리얼의 app.js에서 가져온 것입니다. wx.login을 호출할 때 익명을 전달합니다. 함수는 호출 성공 후 논리적 처리를 수행하는데 사용되는데, 이는 성공 이후의 부분이다. 함수 정의만 있고 함수 이름이 없어 콜백 함수 외에는 다른 곳에서 함수를 호출할 수 없음을 알 수 있습니다.

사실 익명 함수는 코딩을 단순화한 것에 불과하지만, 이것이 가져오는 이점은 단순히 코딩을 줄이는 것만이 아닙니다.

클로저

프로그래밍 기술에 있어서 클로저는 더욱 발전된 기술이어야 합니다. 콜백 함수를 사용할 때 일반적으로 일부 컨텍스트를 전달하는 작업이 포함됩니다. c/C++와 같은 언어에서는 컨텍스트를 전달하기 위해 전역 변수나 힙 메모리를 사용합니다. 전역 변수의 단점은 명백하며 힙 메모리는 메모리 누수가 발생하기 쉽습니다. 고급 스크립팅 언어에서는 클로저 기술을 통해 컨텍스트 전송을 쉽게 수행할 수 있습니다.

위의 코드를 예로 들면 콜백 함수에서 that.globalData.userInfo = res.userInfo가 실행되어 사용자 정보를 저장하는 var that = this로 변수가 지정됩니다. 앱 개체 자체에 추가하면 사용자 정보가 성공적으로 저장될 수 있습니다.

해당 객체가 getUserInfo 메서드 스택의 변수임을 알 수 있습니다. 클로저 기술이 없으면 여기서 익명 콜백 함수는 해당 변수를 직접 사용할 수 없으므로 앱 객체를 콜백 함수에 전달해야 합니다. (전역 변수 또는 함수 매개변수), 클로저 기술의 지원으로 콜백 함수는 함수의 내부 변수를 사용하는 것처럼 해당 변수에 액세스할 수 있어 구문이 훨씬 편리합니다.


관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿