JavaScript 匿名函数和闭包函数

匿名函数和闭包

• 匿名函数：与具名函数相对应，没有函数名称
  • 匿名函数自执行，非自执行、或赋值情况下会报错
  • 创建了一个匿名的函数，并立即执行它，由于外部无法引用它内部的变量，因此在执行完后很快就会被释放，这种机制不会污染全局对象。

    function() {
    	return 'a';
    }
    // Uncaught SyntaxError: Function statements require a function name
    ~~
    

  • 匿名函数赋值给变量

    var a = function(){
    	return 'a';
    }~~
    

  • 函数里的匿名函数，可产生闭包
• 闭包
  • 闭包是指有权访问另一个函数作用域中的变量的函数（在一个函数内部创建一个函数并返回，通过另一个函数访问这个函数的局部变量）
  • 优点即缺点：可把局部变量保存在内存中，避免使用全局变量（全局变量的污染导师应用程序的不可预测性，每个模块都可调用必将引来灾难，所以推荐使用私有的，封装的局部变量）
  • 一点就是闭包的活动对象没有被销毁；第二点是作用域链的关键是他要遇到var 声明
  • 如果这个函数内部又嵌套了另一个函数,而这个函数是有可能在外部被调用到的.并且这个内部函数又使用了外部函数的某些变量的话.这种内存回收机制就会出现问题。如果在外部函数返回后,又直接调用了内部函数,那么内部函数就无法读取到他所需要的外部函数中变量的值了.所以js解释器在遇到函数定义的时候,会自动把函数和他可能使用的变量(包括本地变量和父级和祖先级函数的变量(*变量))一起保存起来.也就是构建一个闭包,这些变量将不会被内存回收器所回收,只有当内部的函数不可能被调用以后(例如被删除了,或者没有了指针),才会销毁这个闭包,而没有任何一个闭包引用的变量才会被下一次内存回收启动时所回收。

    var  num = 0;
    function a () {
    	num++;
    }
    a(); // num = 1
    a(); // num = 2
    alert(num); // 2
    ------------------------------------------------------------------
    function a() {
    	var num = 0;
    	num++;
    	return num;
    }
    a(); // 1
    a(); // 1
    ------------------------------------------------------------------
    function a() {
    	var num = 0; //如果用let声明，不影响效果，const则不成立，无法修改值
    	return function () {
    		num++;
    		return num; //注意要有返回值
    	}
    }
    a()(); // 1	
    a()(); // 1
    var res1 = a(); //赋值之后多次调用可实现累加
    res1(); //1
    res1(); //2
    var res2 = a(); //不同变量之间存储不共享对象
    res2(); //1
    res2(); //2
    

• 自执行函数和闭包的使用

  function createFunc () {
  	var res = new Array();
  	for(var i = 0; i < 10; i++){
  		res[i] = function() {
  			return i;
  		}
  	}
  	return res;
  }
  var aa = createFunnc();
  alert(aa[0] ()); //10
  alert(aa[9] ()); //10
  // 将闭包直接赋值给数组。表面上 每个函数都应该返回自己的索引。
  // 每个函数作用域链中都保存createFunc()函数的活动对象，他们引用的都是同一个变量i
  //解决：
  //1.采用匿名函数自执行强制让闭包的行为符合预期
  function createFunc2 () {
  	var res = new Array();
  	for(var i = 0; i < 10; i++){
  		res[i] = function(num) {
  			return function() {
  				return num;
  			}
  		}(i);
  	}
  	return res;
  }
  var aa2= createFunc2();
  alert(aa2[0] ()); //0
  alert(aa2[9] ()); //9
  // 没有直接将闭包赋值给数组，而定义一个匿名函数的结果赋值给数组。
  //对于立即执行的匿名函数来说，由于外部无法引用他内部的变量，因此在执行完后很快就会被释放。
  //所以这里的匿名函数有一个参数num，也就是函数最终要返回的值。
  //在调用每个匿名函数时，传入变量i，由于函数是按值传递的，所以会将变量i的当前值赋值给参数num，
  //而这个匿名函数内部，又创建并返回了一个返回num的闭包。
  //这样，result数组中的每个函数都有自己num的一个副本，就可以返回各自不同的数值
  
  //2.采用let解决
  function createFunc3 () {
  	var res = new Array();
  	for(let i = 0; i < 10; i++){
  		res[i] = function() {
  			return i;
  		}	
  	}
  	return res;
  }
  var aa3= createFunc3();
  alert(aa3[0] ()); //0
  alert(aa3[9] ()); //9