首页 >web前端 >js教程 >关于javascrip的立即执行函数的解析

关于javascrip的立即执行函数的解析

不言
不言原创
2018-07-11 10:07:261386浏览

这篇文章主要介绍了关于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