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';
})();

最后

以上就是欢呼红牛为你收集整理的javascript经典闭包问题的全部内容，希望文章能够帮你解决javascript经典闭包问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。