首頁 > web前端 > js教程 > 主體

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

不言
發布: 2018-07-11 10:07:26
原創
1365 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板