Javascript 闭包与变量

1.闭包与变量

JavaScript中的作用域链的机制引出了一个副作用，即闭包只能取得包含函数中任何变量的最后一个值。闭包所保存的是整个变量对象，而不是某个特殊的值。


1

2

3

4

5

6

7

8

9

10

11

12

13

14

function createFunctions(){ 

    var result=new Array(); 

       

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

        result[i]=function(){ 

            return i; 

        }; 

    } 

    return result; 

} 

var funcs = createFunctions(); 

for (var i=0; i < funcs.length; i++){ 

    document.write(funcs[i]() + "<br />"); 

}

createFunction()函数返回一个数组。表面上看，似乎每个函数都应该返回自己的索引值，但事实并非如此，事实上每个函数的返回值都是10.因为每个函数的作用域链中都包含着createFunctions()函数的活动对象，所以它们引用的都是同一个变量i。当createFunctions()函数返回后，变量i的值就是10，此时每个函数都引用着保存变量i的同一个变量对象，所以每个函数返回后都是10.

当然我们可以使用匿名函数强制使闭包的行为符合预期。


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

function createFunctions(){  

    var result=new Array();  

         

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

        result[i]=function(num){

            return function(){  

            return num;  

        };  

        }(i);

    }  

    return result;  

}  

var funcs = createFunctions();  

for (var i=0; i < funcs.length; i++){  

    document.write(funcs[i]() + "<br />");  

}

在重写了前面的createFunctions()函数后，每个函数就好返回各自不同的索引值了。在这里，我们没有直接把闭包赋值给数值，而是定义了一个匿名函数，并将立即执行该函数的结果赋值给数组。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时，我们传入了变量i。由于函数参数按值传递的，所以就会将变量i的当前值复制给参数num。而在这个匿名函数内部，有创建并返回了一个访问num的闭包。这样依赖，result数组中的每个函数都有自己num变量的一个副本，因此就可以返回各自不同的数值了。

1.2关于this对象

在闭包中使用this对象会出现一些问题，this对象是运行时基于函数的执行环境绑定的：在全局函数中，this等于window，而当函数被当作某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性，因此其this对象通常指向window(当然，在通过call()和apply()改变函数执行环境时，this指向其他对象)。


1

2

3

4

5

6

7

8

9

10

11

var name="The Window"; 

   

var object={ 

    name:"My object", 

    getNameFunc:function(){ 

        return function(){ 

            return this.name; 

            }; 

        } 

    }; 

alert(object.getNameFunc()()); //"The Window"(在非严格模式下)

?

以上代码创建了一个全局变量name,有创建了一个包含那么属性的对象，这个对象还包括一个方法——getNameFunc(),它返回一个匿名函数，而匿名函数又返回this.name.由于getNameFunc()返会一个函数。因此调用object.getNameFunc()()就会立即返回调用它的函数，结果就返回一个字符串。然而，这个例子返回的字符串是“The Window”，即全局name变量的值。

但是，为什么匿名函数没有取得其包含作用域(或外部作用域)的this对象呢？

每个函数在调用时，其活动对象都会自动获取两个特殊的变量：this和arguments。内部函数在搜索这两个变量时，只会搜到其活动对象为止，因此永远不肯能访问到外部函数中的这两个变量。不过，把外部作用域中的this对象保存在一个闭包能够访问的变量里，就可以放闭包访问该对象了。


1

2

3

4

5

6

7

8

9

10

11

12

var name="The Window"; 

   

var object={ 

    name:"My object", 

    getNameFunc:function(){ 

        var that=this;

        return function(){ 

            return that.name; 

            }; 

        } 

    }; 

alert(object.getNameFunc()()); //"My object"

以上代码中，我们在定义匿名函数之前，把this对象赋值给了that变量，而在定义闭包之后，闭包也可以访问这个变量，因为它们是我们在外部函数中特意声明的一个变量。即使在函数返回之后，this也仍然引用的object，所以调用object.getName()()就返回“My object”.

时间： 2024-12-22 11:06:08

Javascript 闭包与变量的相关文章

初识javascript 闭包和变量提升

先上一小段代码: 1 function outFun(){ 2 var num = 2; 3 function inFun(){ 4 console.log(num); 5 } 6 return inFun; 7 } 8 var out = outFun(); 9 out();//2,这里能够访问,其实是把num这个变量往上面一层提升了一下,out()往里面执行了一层.刚刚好在同一层. 10 console.log(num);//浏览器报错,不能访问outFun函数里面的局部变量num 敲黑板,

javascript闭包、变量提升

一.add(2)(3)求和函数(闭包) 1 function add(x) { 2 var a = x; 3 return function(b) { 4 sum = a + b; 5 console.log(sum); 6 } 7 } 8 add(2)(3); //5 二.变量提升 1 //第一种情况 2 3 var a = 100; //全局变量 4 5 function test() { 6 alert(a); //向上搜索全局变量 -->100 7 a = 10; //没有var修饰,所

那些年，我们误解的 JavaScript 闭包

说到闭包,大部分的初始者,都是谈虎色变的.最近对闭包,有了自己的理解,就感觉.其实我们误解闭包.也被网上各种说的闭包的解释给搞迷糊. 一句话:要想理解一个东西还是看权威的东西. 下面我来通俗的讲解一个闭包的知识.(建议大家去读JavaScript权威指南) 我们先弄明白几个问题: 1.作为命名空间的函数: 在函数中声明的变量在整个函数体内都是可见(包括嵌套的函数)在函数的外部不是可见的.不在任何函数内声明的是全局变量 ===>也就是说:一个函数它就是一个作用域,不管你里面有什么东西.他们都是一家

一篇文章带你了解JavaScript中的函数表达式，递归，闭包，变量，this对象，模块作用域

作者 | Jeskson 来源 | 达达前端小酒馆 定义函数的方式: 第一种为 函数声明: 第二种为 函数表达式. 语法: function functionName(arg0, arg1, arg2) { // 函数体 } 在Firefox,Safari,Chrome和Opera有效: 就是通过这个属性可以访问到这个函数指定的名字. console.log(functionName.name); // 'functionName' 函数声明: 它的一个重要特点就是:函数声明提升,就是在执行代码

学习Javascript闭包（Closure）

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于Javascript初学者应该是很有用的. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外

傻瓜学习JavaScript闭包（译）

在<高级程序设计>中,对于闭包一直没有很好的解释,在stackoverflow上翻出了一篇很老的<JavaScript closure for dummies>(2016)~ 出处:http://stackoverflow.com/questions/111102/how-do-javascript-closures-work 闭包不是魔法 本文旨在用JavaScript代码让程序员理解闭包,函数式编程的程序员或者导师请绕行. 只要理解了闭包的核心理念,闭包并不难学.但是通过学习一

深入理解javascript闭包

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function

JavaScript 闭包

1.词法作用域: 简单地说子集能访问父级的变量, 说人话就是变量拿来就用不用传入 2.函数局部变量: 在函数体中以var 声明变量的为局部变量 + 函数传入的参数, 直接写变量名声明的变量是全局变量 3.局部变量生存期: 局部变量在函数函数的执行期间可用,  一旦执行过后,局部变量将不再可用 4.延长局部变量生存期: 现在问题来了,我想要延长局部变量的生存期,怎么办.(因为调用函数不仅仅是为了return, 有时候还需要保存函数中的状态, 或者实现类等等) 5.使用全局变量不好吗: 不好.有时函

javascript—闭包

javascript 闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对0), 而这些键值对是不会随上一级函数的执行完成而销毁. function a(){ var i=0; function b(){ alert(++i); } return b; } var c=a(); c(); 在执行完var c=a()后,变量c实际上是指向了函数b,b中用到了变量i, 再执行c()后就会弹出一个窗口显示i的值(第一次为1).这段代码其实就创建了一个闭包. 为什么?因为函数a外的