百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> Javascript闭包的代码示例
分享文章到:

Javascript闭包的代码示例

发布时间:09/01 来源:未知 浏览: 关键词:

本篇文章给大家带来的内容是关于Javascript闭包的代码示例,有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

闭包

当内部函数被留存到外部时,将会生成闭包。闭包会致使原有作用域链不开释,造成内存泄露

//内部的函数被返回到外部,必定构成闭包
function a(){
function b(){
var b = 234;
console.log(a);
}
var a = 123;
return b;
}
var demo = a();
demo(); // -->123
function test1(){
var num = 100;
function test2(){
num ++;
console.log(num);
}
return test2;
}
var demo1 = test1();
demo1();  //101
demo1();  //102
//
function test(){
            var arr = [];
            for(var i = 0; i < 10; i++){//当i = 10的时候轮回休止
                arr[i] = function(){ //arr的每一位都是一个函数
                    console.log(i);//虽然函数已经定义,但未施行
                }
            }
            return arr;
        }
        var myArr = test();
        for(var i = 0; i < myArr.length; i++ ){
            myArr[i]();
        }

最后函数施行的时候会调取test的AO中的i

AO{
i = 10;
}

解决方案:马上施行函数

function test() {
            var arr = [];
            for(var i = 0; i < 10; i++) {
                (function(j) {
                    arr[j] = function() {
                        console.log(j);
                    }
                }(i))
            }
            return arr;
        }
        var myArr = test();
        for(var i = 0; i < myArr.length; i++) {
            myArr[i]();
        }

1.实现公有变量

eg:函数累加器

function add(){
var count = 0;
function demo(){
count ++ ;
console.log(count);
}
return demo;
}
var counter = add();
counter();

2.可以做缓存

eg:eater

function test2(){
var food = 'apple';
var obj = {
eatFood : function(){
if(food != ""){
console.log("I am eatting " + food);
food = '';
}else{
console.log("There is nothing! empty!");
}
},
pushFood : function(myFood){
food = myFood;
}
}
return obj;
}
var obj = test2();
obj.eatFood();
obj.eatFood();
obj.pushFood('banana');
obj.eatFood();

3.可以实现封装,属性私有化。

eg: Person();

以上就是Javascript闭包的代码示例的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板