首頁  >  文章  >  web前端  >  關於javascrip的立即執行函數的解析

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

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

這篇文章主要介紹了關於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中文網!

相關推薦:

JavaScript實作快速排序的演算法想法

#關於JS中new呼叫函數的原理介紹

以上是關於javascrip的立即執行函數的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn