>  기사  >  웹 프론트엔드  >  자바스크립트의 즉시 실행 기능 분석

자바스크립트의 즉시 실행 기능 분석

不言
不言원래의
2018-07-11 10:07:261355검색

이 글은 주로 자바스크립트의 즉시 실행 기능에 대한 분석을 소개합니다. 이제는 필요한 친구들이 참고할 수 있도록 공유합니다.

개념:
이름에서 알 수 있듯이 즉시 실행입니다. function은 함수가 정의된 직후를 의미합니다.
함수 표현 방법:
함수 표현 뒤에 괄호()를 추가하면 함수가 즉시 실행됩니다.

var xmlhttpUtil = function () {    
function getText(url,callback){
        alert("dog");
}();

익명 함수 방법:
익명 함수는 JavaScript에서 별도의 명령문으로 직접 나타나는 것이 허용되지 않으므로 함수를 즉시 실행하려면
문법을 약간 변경해야 합니다. 방법 1은 익명 함수를 변수를 사용하면 함수 표현식이 되며 뒤에 괄호를 추가하면 즉시 실행할 수 있습니다.
방법 2: 함수 표현식과 동일한 익명 함수(js 문법에서 허용됨) 주위에 괄호를 넣은 다음 바로 뒤에 괄호를 추가하여 즉시 실행합니다.

(function(b){
            alert(b);
        })(321);

모듈화:
함수 내부의 변수는 전역 범위를 오염시키지 않으므로 함수의 즉각적인 실행을 모듈화에 사용할 수 있으며 많은 타사 라이브러리가 이 접근 방식을 채택했습니다.

var xmlhttpUtil = function () {
    function getText(url,callback){
        var request=new XMLHttpRequest();
        request.open("GET",url);
        request.send(null);
        request.onreadystatechange=function(){
            if(request.readyState===4 && request.status===200){
                var type=request.getResponseHeader("Content-Type");
                if(type.match(/^text/))
                    callback(request.responseText);
                    alert(request.responseText);
            }
            else {

            }
        }
    }
    let xmlHttpRequestObj={};
    xmlHttpRequestObj.getText=getText;
    return xmlHttpRequestObj;
}();

실행:

xmlhttpUtil.getText("/dog",function () {
    alert("xmlhttprequest请求响应!");
});

위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 추천:

빠른 정렬을 구현하기 위한 JavaScript의 알고리즘 아이디어

JS의 새로운 호출 기능 원리 소개

위 내용은 자바스크립트의 즉시 실행 기능 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.