美文网首页
惰性函数

惰性函数

作者: JackWhite | 来源:发表于2016-04-15 22:58 被阅读23次

惰性函数它比较懒,不会立即执行。只有需要的时候才去执行创建或加载一些资源对象。
举个简单的例子。最近登录流行微信登录。鼠标滑过登录按钮,出现微信登录的二维码,供访客用手机扫描。

var getWXQrCode=(function( callbackFn ){
     var obj;
        return function(){
              if(!obj){
              loadScript('http://www.qq.com/xx.js',function(){
                obj=  WxLogin;
                callbackFn( obj)
              }else{
             callbackFn( obj)
                }
        }  
})();

然后在mouseover过登录按钮的时候调用
getWXQrCode( callback )
即可实现js只在需要的时候加载一次。再次调用只返回闭包中储存的WxLogin对象。

相关文章

  • 惰性函数

    今天啊看到一篇讲js性能优化---惰性函数的文章,之前没听过这个。 主要应用在提高js的执行效能上,主要也是应用在...

  • 惰性函数

    惰性函数按照《高程》里面讲解,主要用来屏蔽浏览器之间的差异。其实,也可以用来实现单例。所以惰性函数主要的作用:环境...

  • 惰性函数

    惰性函数它比较懒,不会立即执行。只有需要的时候才去执行创建或加载一些资源对象。举个简单的例子。最近登录流行微信登录...

  • 惰性函数

    无论这个函数调用多少次,返回的都是第一次调用时候的结果。惰性函数的意思就是,这个事儿我做了一次之后就再也不做了,你...

  • 惰性函数

    addEventListener 事件函数封装

  • 前端_JavaScript

    JavaScript 专题之惰性函数 JavaScript 专题系列第十五篇,讲解惰性函数 需求 我们现在需要写一...

  • JavaScript惰性函数

    惰性函数 定义: 惰性函数,函数内部有许多判断来来检测函数,这样多次调用会浪费时间和浏览器资源,所有当第一次判断完...

  • 惰性加载函数

    1.普通函数 缺点: 每次调用要重复判断 2.避免每次重复判断 缺点:首次页面加载会进行一次判断,延缓页面首次加载...

  • JavaScript惰性函数

    背景 在开发过程中,有时候需要对浏览器环境进行检测,比如封装一个AJAX函数的时候需要写一个函数进行检测,但是常规...

  • 惰性加载函数

    1.常规 缺点:每次调用都会执行条件判断,可避免 2.改进,只在加载时做判断 缺点:虽避免了判断,但如果从未使用过...

网友评论

      本文标题:惰性函数

      本文链接:https://www.haomeiwen.com/subject/wesilttx.html