javascript经典闭包问题

//闭包
function fun(n,o) {
  console.log(o)
  return {
    fun:function(m){
      return fun(m,n);
    }
  };
}

var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1);  c.fun(2);  c.fun(3);//undefined,?,?,?
//问:三行a,b,c的输出分别是什么?
// undefined 0 0 0 
// undefined 0 1 2
// undefined 0 1 1

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
不多解释,直接上代码。

比较常见的一个闭包形式,通过导出一个function或object来使用一个“私有”变量。

function func(){
    var i=0; //私有变量,外部无法引用
    function func2(){
        return i++; //func2被导出,并引用私有变量i
    }
    return func2;
}
var ins = func();
ins();//0
ins();//1

闭包防止变量混淆。

var delegates=[];
for(var i=0;i<10;i++){
    delegates.push(function(){F.echo(i, true);});
}
for(var j=0;j<10;j++){
    delegates[j](); //均输出10,因为i引用了循环后的i值
}

var delegates=[];
for(var i=0;i<10;i++){
    delegates.push((function(i){ return function(){F.echo(i, true);};})(i));
}
for(var j=0;j<10;j++){
    delegates[j](); //按顺序输出0-9
}

防止代码污染全局变量

var name = 'mae';
(function(){
    //这里面的变量有自己的作用域,不会污染全局变量。
    //除非,你没使用var声明变量
    var name = 'mae-inner';
})();

猜你喜欢

转载自blog.csdn.net/benben0729/article/details/83475110
今日推荐