首页 > 编程语言 > 详细

javascript---我对闭包的理解1

时间:2016-02-29 09:19:19      阅读:156      评论:0      收藏:0      [点我收藏+]

一、闭包
       闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成

       如何理解这句话:以一个例子说明;(from MDN)

function makeFunc({

var name = "Mozilla";

function displayName() { alert(name); } return displayName; }

var myFunc = makeFunc();

myFunc();

在这个函数中 myFunc就是闭包,因为:1.它是一个函数,2,它的环境是被创建闭时在作用域中的任何局部变量组成(makeFunc函数的局部环境+全局环境+displayName自己的环境)。

作用域补充

http://www.jb51.net/article/30706.htm.
我的总结为:普通函数的作用域包括全局对象,和自己的活动对象(自己的局部都对象)。当函数销毁后,作用域也被销毁。
闭包:将创建它的函数(外部函数)的活动对象添加到自己的作用域链中,更重要的是,此种情况下外部函数执行完毕后,其活动对象不会被摧毁,
因为匿名函数的作用域链仍然在引用这个活动对象(活动对象就会留在内存中)直到该闭包对象被销毁。

 

二、闭包的应用

摘自MDN (已经验证,一定要敲一遍)我摘写我学到的部分,该文章中的实用的闭包的例子我觉得不适用,没得必要这么用,而且内存一直被占着。虽然占的内存很小。所以闭包还是要尽量不用。

https://developer.mozilla.org/cn/docs/Web/JavaScript/Closures

1.用闭包模拟私有方法

var Counter = (function()

{ var privateCounter = 0;

function changeBy(val) { privateCounter += val; }

return {

increment: function() { changeBy(1); },

decrement: function() { changeBy(-1); },

value: function() { return privateCounter; } } })();

console.log(Counter.value()); /* logs 0 */

Counter.increment();

Counter.increment();

console.log(Counter.value()); /* logs 2 */

Counter.decrement();

console.log(Counter.value()); /* logs 1 */


这个地方有个重点是,因为函数自执行了,只有一个执行环境,所以内部的匿名函数共享这个环境。
这样外部无法访问变量privateCounter,和changeBy方法,只能通过返回的对象里的方法来访问,和操作私有变量和私有方法。模拟私有方法。

2.在循环中创建闭包

   直接例子说话:

function createFun(){

    var result = new Array();

for (var i =0;i<10;i++){

   result[i]=function(){

  return i; 

};

}

  return result;

}

该函数返回的是一个函数数组,每个函数都会返回10,因为每个函数的作用域链中都保存着createFun的活动对象,所以它们引用的都是同一个变量i。此时每个函数都引用着保存变量i的同一个变量,createFun执行后,i=10;

解决方法

创建一个匿名函数

function createFun(){

    var result = new Array();

for (var i =0;i<10;i++){

   result[i]=function(num){

       return function(){

          return num; 

        }

    }(i);

}

  return result;

}

能行的原因:1.在createFun中立即执行该匿名函数的结果赋给数组,这里的匿名函数有个参数,参数按值传递。所以就将变量i的当前值复制给num,在匿名函数的内部,又创建并返回了一个访问num的闭包。所以result数组中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的数值。 

javascript---我对闭包的理解1

原文:http://www.cnblogs.com/AliceX-J/p/5226297.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!