关于javascrip的立即执行函数的解析-js教程-PHP中文网

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

不言

发布： 2018-07-11 10:07:26

原创

1697人浏览过

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

登录后复制

执行：

立即学习“Java免费学习笔记（深入）”；

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

查看详情

xmlhttpUtil.getText("/dog",function () {
    alert("xmlhttprequest请求响应！");
});

登录后复制

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

大家都在看：

JavaScript/D3.js中带有数字后缀的键值对数组的自然排序指南 JavaScript数据类型检测的多种方式_javascript基础 JavaScript/D3.js 中带数字后缀键的数组排序教程 JS函数如何定义生成器函数_JS生成器函数定义与使用案例 Vue.js中API嵌套数据展示与v-for遍历技巧