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。
打个不恰当的比喻:英格兰这是大不列颠帝国的一部分,那么如果英格兰的GDP总量增长了,那么对于大不列颠帝国的GDP总量肯定是有正相关的影响。
因为当函数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。
再打个不恰当的比喻:如果这个时候英格兰闹独立了,并且最终页独立了。那么英格兰GDP的增长再也不会关大不列颠帝国什么事儿了(当然如果从哲学上来讲与一事物想联系的周围事物影响其发展)。
注:上面的变量h指向处于调用状态的函数g。也就是说f(1)相同于函数自动执行了。
如果想是某个函数自动执行就可以这么做。例如,我想让整个函数自动执行就如下即可:
(function f(x) {
var g = function () { return ++x; }(x);
return g;
})(1);
写得比较好的:http://www.jb51.net/article/24101.htm
JavaScript备忘录-闭包的更多相关文章
- JavaScript备忘录-闭包(2)
闭包的定义 闭包是指函数有自由独立的变量.换句话说,定义在闭包中的函数可以“记忆”它创建时候的环境. 闭包的浅显理解 function makeFunc() { var name = "Mo ...
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
- JavaScript作用域闭包简述
JavaScript作用域闭包简述 作用域 技术一般水平有限,有什么错的地方,望大家指正. 作用域就是变量起作用的范围.作用域包括全局作用域,函数作用域以块级作用域,ES6中的let和const可以形 ...
- JavaScript的闭包原理
什么是js(JavaScript)的闭包原理,有什么作用? 一.定义 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 个人的理解是 ...
- Js(javaScript)的闭包原理
问题?什么是js(javaScript)的闭包原理,有什么作用? 一.定义 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 小编 ...
- 深入理解javascript的闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...
- 如何给循环中的对象添加事件--深入理解JavaScript的闭包特性
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
- javascript,jquery(闭包概念)(转)
偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念. 但javascript我是经常要用, ...
- 理解Javascript 的闭包(closure)
要理解闭包的概念先从变量的作用域说去 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之 ...
随机推荐
- 17.2 The DispatcherServlet
综述: Spring’s web MVC framework is, like many other web MVC frameworks, request-driven, designed arou ...
- 01-08-05【Nhibernate (版本3.3.1.4000) 出入江湖】NHibernate二级缓存:第三方MemCache缓存
一.准备工作 [1]根据操作系统(位数)选择下载相应版本的MemCache, MemCache的下载和安装,参看: http://www.cnblogs.com/easy5weikai/p/37606 ...
- WPF Loader
xaml <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml ...
- ios iap 购买总是提示继续的解决方案
原地址:http://blog.csdn.net/kafeidev/article/details/8619984 ========================================== ...
- hdoj 2544 最短路
题目传送:http://acm.hdu.edu.cn/showproblem.php?pid=2544 分析:Dijkstra算法 //2013-10-30 10:01:25 Accepted 254 ...
- hdoj 1879 继续畅通工程
继续畅通工程 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Sub ...
- 递归算法实现10进制到N进制的转换
#include<iostream> using namespace std; int BaseTrans(int data,int B){ int s; ) ; //结束递归算法 s=d ...
- Linux查看机器型号
dmidecode | grep “Product Name”
- MQTT客户端与服务代理的案列
服务端,采用 Mosquitto 来转发分发消息. 客户端自己写. 服务端 启动 mosquitto (底下的命令是我自己放到环境变量里面的,通过alias 运行mosquitto) Ishallbe ...
- TCL语言笔记:TCL中的数组
一.介绍 Tcl 中的数组和其他高级语言的数组有些不同:Tcl 数组元素的索引,或称键值,可以是任意的字符串,而且其本身没有所谓多维数组的概念.数组的存取速度要比列表有优势,数组在内部使用散列表来存储 ...