首頁 >web前端 >js教程 >關於javascrip的立即執行函數的解析

關於javascrip的立即執行函數的解析

不言原創: 2018-07-11 10:07:261389瀏覽

這篇文章主要介紹了關於javascrip的t立即執行函數的解析，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

概念：
立即執行函數顧名思義就是函數定義好之後立即執行。
函數表達式方式：
函數表達式後面加括號（）即可立即執行函數。

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中文網！

關於javascrip的立即執行函數的解析

相關文章