JavaScript 匿名函数及闭包.pdfVIP

JavaScript 匿名函数及闭包 采⽤⾃执⾏的匿名函数解决for循环使⽤闭包的问题 这段代码输出的是10个10⽽不是期望的0到9 ，因为闭包内是对i的引⽤，然后函数执⾏ 时i 已 变成了10 function f 1(){ for(var i = 0; i 10; i++) { setTimeout(function() { alert(i); }, 1000); } } f 1(); 解决以上的问题可以采⽤⾃执⾏的匿名函数 function f2(){ for(var i = 0; i 10; i++) { (function(e) { setTimeout(function() { alert(e); }, 1000); })(i); } } f2(); 这⾥的匿名函数将i作为参数，这⾥的e会有i的⼀个拷贝，⽽引⽤时是对e的引⽤，这 就避免了上述的问题 ⼀ .关于闭包 理解闭包 需要的知识 1.变量的作⽤域 例1: var n =99; 建⽴函数外的全局变量 function readA(){ alert(n); 读取全局变量 } readA(); 执⾏此函数 例2: function readB(){ var c = 9; function readC(){ console .log(c); ok c可见 } return readC; } alert(c); error c is not defined . note: 函数内部声明变量c时,⼀定要加上 var ,否则 c会成为⼀个全局变量 所以函数内可见全局变量,函数内的局部变量却对外不可见 j s的作⽤域是链式的,⽗对象⾥的变量总对⼦对象可见,⼦对象的对象却对⽗对象不可见 当我们要获取函数内的内部变量 于是有了例3: function readB(){ var c = 9; function readC(){ console .log(c); } return readC(); } readB(); 闭包很类似基于此做了⼀个变式 function readB(){ var c = 9; function readC(){ console .log(c); } return readC; } var res = readB(); res(); note: 1.慎⽤闭包,注意内存占⽤,因为它会保存⽗函数的状态 2.不要随便改变⽗函数内部变量的值 理解闭包 note: this 指包含它的函数被执⾏时所属的对象 例1: var name = The Window; var object = { name : My Object, 　　getNameFunc : function(){ 此时this (这个执⾏函数)是属于object对象的,是object 对象下的⼀个属性的值 　　 return function(){ 此时this (这个执⾏函数)是⼀个匿名函数,从根对象window⽣ 成,是属于window 　　　　 return ; 　　　　}; 　　} }; console .log(object .getNameFunc()()); the window var name = The Window; var object = { name : My Object, getNameFunc : function(){ var that = this; 　　return function(){ 　　 return that .name; 　　}; } }; console .log(object .getNameFunc()()); My Object ⼆ .匿名函数 直接定义⼀个匿名函数 然后调⽤这个匿名函数,这种形式在jquery插件的定义时很常见 1.通过函数字母量的⽅式. 先声明⼀个匿名函数,然后执⾏它 ( function(){ console .log(excute self); }) (); 2.通过优先表达式的⽅式 , 由于Javascript执⾏表达式是从圆括号⾥⾯到外⾯，所以可 以⽤圆括号强制执⾏声明的函数 ( funct