JavaScript备忘录-闭包

var arr = new Array();

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

        //要记住,这个属性函数申明,只有立即执行才会取scope属性
        var item = function () {
           return i;
        };

        arr.push(item);
    }
}

Person();

arr[0]();

这个代码执行person();首先完成初始化。注意因为i不是内部匿名函数的属性,所以i并没有当做匿名函数的属性来完成初始化。

然后执行arr[0]()。因为上面的缘故,执行匿名函数的时候回去Person()父级中查找变量i,因为这个时候初始化工作完成之后i=10了,所以最终输出的是10。而不是0。

如果我们想实现输出为0。那么我们必须这样:

var arr = new Array();

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

        //要记住,这个属性函数申明,只有立即执行才会取scope属性
        var item = function (num) {
            return num;
        }(i);
        arr.push(item);
    }
}

Person();

alert(arr[0]);

这样可与将i做为局部变量传递给匿名函数作为参数。另外,匿名函数item对于外界不再可见

为了更好滴理解,再举一个简单的例子:

function f(x) {
    var g = function () { return ++x; };
    return g;
} //函数返回的是函数g
var h = f(1); //变量h指向函数f的内部函数g,因此,函数f对象会一直保存在内存中,它的变量x当然也会保存在内存中。
alert(h());
alert(h());

这个分别输出2和3。不难理解:因为执行匿名函数g的时候会现在方法内部查找x,没有的话继续去f找x找到了。第一次自加=2。第二次自加=3。

因为当函数f的内部函数g被函数f外的一个变量h引用的时候,就创建了一个闭包。这个时候x变量一直维持在内存中。而变量h是函数g本身(由此可见闭包可以让我们在函数的外部引用函数内部的函数)。所以多次执行h()实际上变量x做了累加。

而如果想剔除这个外部变量x对函数g的影响的话。就需要这么做:

function f(x) {
    var g = function () { return ++x; }(x); //作用是创建了函数g的副本。
    return g;
}//函数返回的是执行状态下的g
var h = f(1);
alert(h);
alert(h);

这个时候h实际上不是函数g本身了,而是处于调用状态下的g了(执行结果)。因此f函数内部的函数g是不可见的,无论变量h被引用多少回(都是在重复调用同一个执行结果),输出始终是2

写得比较好的:http://www.jb51.net/article/24101.htm

http://web.jobbole.com/82053/

时间: 2024-10-28 20:55:15

JavaScript备忘录-闭包的相关文章

JavaScript备忘录-闭包(2)

闭包的定义 闭包是指函数有自由独立的变量.换句话说,定义在闭包中的函数可以“记忆”它创建时候的环境. 闭包的浅显理解 function makeFunc() { var name = "Mozilla"; function displayName() { alert(name); } return displayName; } var myFunc = makeFunc(); myFunc(); 这段代码看起来别扭却能正常运行.通常,函数中的局部变量仅在函数的执行期间可用.一旦 mak

javascript 关于闭包的知识点

javascript 关于闭包的认识 概念:闭包(closure)是函数对象与变量作用域链在某种形式上的关联,是一种对变量的获取机制. 所以要大致搞清三个东西:函数对象(function object).作用域链(scope chain)以及它们如何关联(combination) 首先要建立一个印象,在js中,几乎所有的东西可以看作对象,除了null和undefined.比如常用的数组对象.日期对象.正则对象等. var num = 123; // Number var arr = [1,2,3

javascript Closure 闭包

引用自 http://www.cnblogs.com/mguo/archive/2013/06/19/3143880.html /*一.变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域.变量的作用域无非就是两种:全局变量和局部变量.Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量.*/ var n=999; function f1(){ alert(n); } f1(); // 999//另一方面,在函数外部自然无法读取函数内的局部变量. funct

JavaScript中闭包实现的私有属性的getter()和setter()方法

注意: 以下的输出都在浏览器的控制台中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>闭包</title> </head> <body> <script type="text/javascript"> /** * 利用闭包实现 * 这个函数给对象o增加了属性存储器方法 * 方法名称为ge

javascript学习-闭包

javascript学习-闭包 1.什么是闭包 大多数书本中对闭包的定义是:“闭包是指有权访问另一个函数作用域中的变量的函数.”.这个概念过于抽象了,对初学者而言没啥帮助.好在<Javascript忍者秘籍>5.1中给了一个例子来进一步的解释了什么是闭包: var outerValue= 'ninja'; var later; function outerFunction() { var innerValue = "samurai"; function innerFunct

两个示例介绍JavaScript的闭包

JavaScript的闭包有两个用途:一个是访问函数内部的变量:另一个是让变量的值在作用域内保持不变.函数是JavaScript 中唯一有作用域的对象,因此JavaScript的闭包依赖于函数实现,下面结合两则示例对JavaScript的闭包做简单说明. 1. 访问函数内部的变量 JavaScript中没有严格意义上的类,所以我们常用函数来模拟类.我们可以像下面这样模拟一个Counter类,并在其中定义一个count私有变量: 在JavaScript中,函数可以访问其外部定义的变量,而外部不能访

JavaScript基础–闭包

JavaScript基础–闭包 理解闭包的概念对于学习JavaScript至关重要,很多新手(包括我)开始学习闭包时,都会感觉似懂非懂,之前看了一些资料,整理了闭包的一篇博客,若有疏忽与错误,希望大家多多给意见. 概述 理解闭包的概念前,建议大家先回想一下JS作用域的相关知识,如果有疑问的同学,可以参考:JavaScript基础–作用域.闭包的定义如下: Closure is when a function is able to remember and access its lexical s

javascript中闭包的工作原理

一.什么是闭包? 官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分.相信很少有人能直接看懂这句话,因为他描述的太学术.其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包.不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”.看下面这段代码: 1 2 3 4 5 6 7 function a() { var i = 0; function b() { ale

关于Javascript的闭包

要理解javascript的闭包 关键是弄明白三样事情 1.变量作用域 一言以蔽之  函数内部可以访问函数外部的字段  而反之不行 1 var n=999; 2 3 function f1(){ 4 alert(n); 5 } 6 7 f1(); // 999 1 function f1(){ 2 var n=999; 3 } 4 5 alert(n); // error 此处有一坑是 若在函数内声明变量不使用var关键字 相当于是声明全局变量 也就是window的变量 2.this的含义 th