jquery10 闭包示例

简介:
复制代码
o = {
    a:1,
    o:{
        b:2,
        f : function(){
            alert(o.a);//1
            alert(o.b);//undefined   
        }
    }
}
o.o.f();


o = {
    a:7,
    o : {
        a:1,
        o:{
            b:2,
            f : function(){
                alert(o.a);//7
                alert(o.b);//undefined   
            }
        }
    }
}
o.o.o.f();

o = {//这个o加到window闭包里面去了
    a:7,
    o : {//这个o没有
        a:1,
        o:{//这个o没有
            b:2,
            f : function(){
                alert(o.a);//7
                alert(o.b);//undefined   
            }
        }
    }
}
o.o.o.f();


f = function(){
    return  {
        a:1,
        o:{
            b:2,
            f : function(){
                alert(o.a);//o is not defined ,说明o不存在
                alert(o.b);//o is not defined ,说明o不存在
            }
        }
    }
}
f().o.f();

f = function(){
    o = {a:7,b:8}
    return  {
        a:1,
        o:{
            b:2,
            f : function(){
                alert(o.a);//7
                alert(o.b);//8   return的东西不在闭包里面
            }
        }
    }
}
f().o.f();

f = function(){
    o= {//这个o加到函数闭包里面去了
        a:1,
        o:{//这个o没有
            b:2,
            f : function(){
                alert(o.a);//1
                alert(o.b);//undefined
            }
        }
    }
    return o;
}
f().o.f();


f = function(){
    return  {
        a:1,
        o:{
            b:2,
            f : function(){
                o = {a:3,b:4}
                alert(o.a);//3
                alert(o.b);//4
            }
        }
    }
}
f().o.f();


f = function(){
    o = {a:5,b:6}
    return  function(){
        a=1,
        o={
            b:2,
            f : function(){
                alert(o.a);//unudefined    以函数作为闭包层级,一层一层的向上查找,找到了就不找了
                alert(o.b);//2
            }
        }
        return o;
    }
}
f()().f();


f = function(){
    o = {a:5,b:6}
    return  function(){
        a=1,
        b={
            b:2,
            f : function(){
                alert(o.a);//5
                alert(o.b);//6
            }
        }
        return b;
    }
}
f()().f();
复制代码
复制代码
f = function(){
    
    return  function(){
        o = {a:15,b:16}//加到闭包
        a=1,
        b={//加到闭包
            o:{a:11,b:12},   //没有加到闭包
            b:2,
            f : function(){
                alert(o.a);//15
                alert(o.b);//16
            }
        }
        return b;
    }
}
f()().f();
复制代码

 

本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/6917034.html,如需转载请自行联系原作者
相关文章
|
4月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
50 1
|
JavaScript
jQuery图片瀑布流demo效果示例(整理)jQuery瀑布流效果
jQuery图片瀑布流demo效果示例(整理)jQuery瀑布流效果
|
JavaScript
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
|
JavaScript
jquery多图片上传预览demo效果示例(整理)
jquery多图片上传预览demo效果示例(整理)
|
JavaScript
jquery上传头像demo效果示例(整理)
jquery上传头像demo效果示例(整理)
|
JavaScript
通俗易懂的jquery倒计时demo效果示例(整理)
通俗易懂的jquery倒计时demo效果示例(整理)
|
JavaScript
jquery模糊查询--搜索demo效果示例(整理)
jquery模糊查询--搜索demo效果示例(整理)
|
JavaScript
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
221 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
|
JavaScript
jQuery下table操作示例(附案例源码)
jQuery下table操作示例(附案例源码)
122 0
jQuery下table操作示例(附案例源码)
|
JavaScript 移动开发 前端开发
jquery裁剪图片插件cropit示例
重装农药第16天!! jquery裁剪图片插件cropit示例背景:做的手机网页项目,用html file控件上传图片,有些手机拍照后图片会很大,20M以上的,用之前的H5 formdata上传的话有时会非常慢的,就想着能不能在选择图片的时候直接在客户端处理下,把选择的图片按规格的大小裁剪掉,上网...
1656 0