求解释这段代码，尤其是两个return

var createIframe=(function(){
    var iframe;
    return function(){
        if(!iframe){
            iframe=document.createElement('iframe');
            iframe.style.display='none';
            document.body.appendChild(iframe);
        }
        return iframe;
    }
})();

阅读 2.3k

这是一个高阶函数，它返回一个函数，它返回的函数的返回值是 iframe
这样形成了一个闭包，保存了iframe的值，不必每次计算；

这样看：

var createIframe=(function(){
    var iframe;
    var r = function(){
            if(!iframe){
                iframe=document.createElement('iframe');
                iframe.style.display='none';
                document.body.appendChild(iframe);
            }
            return iframe;
        };
    return r;
})();

补充：

最外层右半部份是一个立即执行的函数：


var createIframe = (function(){...})();

//相当于
function temp(){
    ...
}
var createIframe = temp();

再补充：
每次使用 createIframe 变量时，使用的其实是这一段代码：

function(){
    if(!iframe){
        iframe=document.createElement('iframe');
        iframe.style.display='none';
        document.body.appendChild(iframe);
    }
    return iframe;
};

这段代码有一个作用域，就是外层function的内部，它声明了一个iframe变量，这个变量会随内层的function一起保存，不会清除

当第一次执行代码，会向 <body> 中增加一个 <iframe> ，返回这个引用，并把它保存在iframe变量中，
iframe变量会一直保存在内存中，不被清除
以后执行代码时，首先判断 iframe 是否存在，如果存在，则直接返回其引用，不再创建新的<iframe>

var iframe; var createIframe=function(){ if(!iframe){ iframe=document.createElement('iframe'); iframe.style.display='none'; document.body.appendChild(iframe); } return iframe; }

求解释这段代码，尤其是两个return

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

什么是闭包？闭包有哪些应用场景？