ホームページ > 記事 > ウェブフロントエンド > JavaScriptの即時実行機能の解析

JavaScriptの即時実行機能の解析

不言オリジナル: 2018-07-11 10:07:261318ブラウズ

この記事では、JavaScript の即時実行関数の分析を主に紹介します。必要な友達に参考にしてください。 function は関数が定義された直後を意味します。

関数式の方法:

関数をすぐに実行するには、関数式の後に括弧 () を追加します。

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

匿名関数の方法:
匿名関数は、別のステートメントとして JavaScript に直接記述することは許可されていないため、関数をすぐに実行したい場合は、

文法を変更する必要があります: 方法 1 は、匿名関数をvariable の場合、これは関数式になり、その後に括弧を追加することですぐに実行できます。

方法 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 中国語 Web サイトをご覧ください。

JavaScriptの即時実行機能の解析

関連記事