《JS语言精粹》学习笔记 函数部分の闭包
要理解闭包，首先要理解变量作用域，变量的作用域就两种，全局变量和局部变量，函数内部可以直接读取全局变量，函数外部无法读取函数内部的局部变量。
闭包定义：能读取函数内部局部变量的函数就是闭包，而只有函数内部的子函数才能读取局部变量，所以本质上，闭包就是将函数内部和函数外部链接起来的一栋桥梁。
闭包作用：一个是可以读取函数内部的局部变量，一个是让这些变量的值始终保存在内存中。
注意事项： 1）由于闭包会使函数中的变量保存在内存中，内存消耗很大，所以不能滥用。解决办法是在退出函数之前，将不使用的局部变量全部删除。
2）闭包会在父函数的外部，改变父函数变量的值。所以，如果你把父函数当对象使用，把闭包当做它的公用方法，把内部变量当做它的私有属性。这时不能随便修改父函数内部变量的值。 1 <!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
/*闭包*/ //返回了一个包含两个方法的对象，并且这两个方法继续享有访问value的权限
var myObject=function () {
var value=0;
return{
increment:function(inc){
value+=typeof inc==='number'?inc :1;
},
getValue:function(){
return value;
}
};
}(); //函数无需用new来使用，返回一个包含get_status方法的新对象。此函数可以访问它被创建时的上下文环境。这成为闭包。
var quo=function(status){
return {
get_status:function(){
return status;
}
}
};
var myquo=quo("amazed");
document.writeln(myquo.get_status()); //定义一个函数，它设置一个DOM节点为黄色，然后把它渐变为白色
var fade=function(node){
var level=1;
var step=function(){
var hex=level.toString(16);
node.style.backgroundColor='#FFFF'+hex+hex;
if(level<15){
level+=1;
setTimeout(step,100);
}
};
setTimeout(step,100);
};
fade(document.body);
/*****************实例******************************************/
var add_the_handlers=function(nodes){
var i;
for(i=0;i<nodes.length;i+=1){
nodes[i].onclick=function(e){
alert(i);
};
}
};
var add_the_handlers1=function(nodes){
var i;
for(i=0;i<nodes.length;i+=1){
nodes[i].onclick=function(i){
return function(e){
alert(e);
};
}(i);
}
};
var nodes1=document.getElementsByTagName("button");
add_the_handlers1(nodes1);
</script>
</head>
<body>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
</body>
</html>
什么是闭包：当函数在定义它的作用域的外部被引用时，就创建了该内部函数的闭包，如果内部函数引用了位于外部函数的变量，当外部函数调用完毕后，这些变量在内存不会被释放，因为闭包需要它们。
《JS语言精粹》学习笔记 函数部分の闭包的更多相关文章
- swift swift学习笔记--函数和闭包
使用 func来声明一个函数.通过在名字之后在圆括号内添加一系列参数来调用这个方法.使用 ->来分隔形式参数名字类型和函数返回的类型 func greet(person: String, day ...
- Swift学习笔记 - 函数与闭包
import Foundation //1.函数的定义与调用//以 func 作为前缀,返回箭头 -> 表示函数的返回类型func sayHello(name: String) -> St ...
- Scala学习笔记——函数和闭包
1.本地函数 可以在一个方法内再次定义一个方法,这个方法就是外部方法的内部私有方法,省略了private关键字 2.头等函数 var increase = (x: Int) => x + 1 S ...
- js语言精粹读书笔记一
一.语法 1.
- JavaScript语言精粹学习笔记
0.JavaScript的简单数据类型包括数字.字符创.布尔值(true/false).null和undefined值,其它值都是对象. 1.JavaScript只有一个数字类型,它在内部被表示为64 ...
- Underscore.js 源码学习笔记（下）
上接 Underscore.js 源码学习笔记(上) === 756 行开始 函数部分. var executeBound = function(sourceFunc, boundFunc, cont ...
- 【09-23】js原型继承学习笔记
js原型继承学习笔记 function funcA(){ this.a="prototype a"; } var b=new funcA(); b.a="object a ...
- Underscore.js 源码学习笔记（上）
版本 Underscore.js 1.9.1 一共 1693 行.注释我就删了,太长了… 整体是一个 (function() {...}()); 这样的东西,我们应该知道这是一个 IIFE(立即执行 ...
- # C语言假期学习笔记——6
C语言假期学习笔记--6 数组 主要学习了一位数组和二维数组. 数组是一组具有相同类型的变量的集合.C语言程序通过元素的下标来访问数组中的元素.(下标从0开始) 一位数组 类型 数组名[元素个数] 二 ...
随机推荐
- CS0103: The name ‘Scripts’ does not exist in the current context解决方法
转至:http://blchen.com/cs0103-the-name-scripts-does-not-exist-in-the-current-context-solution/ 更新:这个bu ...
- [BZOJ3751][NOIP2014] 解方程
Description 已知多项式方程:a0+a1*x+a2*x^2+...+an*x^n=0 求这个方程在[1,m]内的整数解(n和m均为正整数). Input 第一行包含2个整数n.m,每两个 ...
- d8fs9f
你好 - Helloworld 1. a 2. b 3. c 来自为知笔记(Wiz)
- Drawing in Singapore
说到画画,其实很多人都会画.只是很多人都把这种潜能给埋起来了,没有特意的去开发出来.且不论画的好与不好,好看与不好看.自己把自己所想的东西方式表达出来,画画是一种方式.我不是科班出身,全凭自己感觉来的 ...
- oracle连接问题【转载】
SQL的四种连接-左外连接.右外连接.内连接.全连接 今天在看一个遗留系统的数据表的时候发现平时查找的视图是FULL OUT JOIN的,导致平时的数据记录要进行一些限制性处理,其实也可以设置视图 ...
- linux shell中不显示路径了,显示为-bash-4.1#的两种解决办法
出现这个问题的原因是因为没有配置.bash_profile的问题,或者是我们不小心清空或删除了.bash_profile文件. 办法一:修改 ~/.bash_profile文件 步骤如下: vim ~ ...
- Webform Application传值 ViewState
Application:所有的会话共享一个Application空间,任何一个人改变Application的内容,其他人都会发现被改变了.Application中的内容不会被自动释放 存放位置:服务端 ...
- bzoj3380: [Usaco2004 Open]Cave Cows 1 洞穴里的牛之一(spfa+状压DP)
数据最多14个有宝藏的地方,所以可以想到用状压dp 可以先预处理出每个i到j的路径中最小权值的最大值dis[i][j] 本来想用Floyd写,无奈太弱调不出来..后来改用spfa 然后进行dp,这基本 ...
- 利用fsockopen可实现异步成功访问
$fp = fsockopen("www.jb51.net", 80, $errno, $errstr, 30); if (!$fp) { echo "$errstr ( ...
- ASP.NET Identity V2
Microsoft.AspNet.Identity是微软在MVC 5.0中新引入的一种membership框架,和之前ASP.NET传统的membership以及WebPage所带来的SimpleMe ...