1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Document</title> 7 </head> 8 <body> 9 <script> 10 // 1.闭包无处不再，需要你去识别它。基于作用域书写代码时产生的自然结果，我们不需要为了利用它而刻意的去创建一个闭包 11 // 2.闭包是一种方式，他是一个能够引用其内部作用域变量的表达式 12 // 3.以下这个案例就是一个闭包，因为匿名函数（say）是在另外一个函数中声明的，在js中如果另一个函数使用了funtion关键字，则创建了闭包 13 // 4.在js中 如果在一个函数A中声明了另外一个函数B（出现了闭包），那么你调用了A函数以后，A里边的局部变量依然是可以被访问的 14 /* function sayHello(name) { 15 var text = name; // 局部变量text 16 var say = function () { 17 console.log(text); 18 }; 19 return say; 20 } 21 22 var say2 = sayHello("lily"); 23 24 say2(); //lily */ 25 26 // 27 /* function say667() { 28 // 局部变量num最后会保存在闭包中 29 var num = 42; 30 var say = function () { 31 console.log(num); 32 }; 33 num++; 34 return say; 35 } 36 var sayNumber = say667(); 37 //通常一个函数执行完成以后，整个内部的作用域都会被销毁，因为引擎有垃圾回收机制来释放不在使用的空间 38 //而闭包的神奇之处就是 可以阻止这个事情的发生，内部作用域依然存在，因为sayNumber还在使用这个作用域 39 sayNumber(); // 输出 43 */ 40 41 // 42 /* var a, b, c; 43 function fn1() { 44 // 局部变量num最后会保存在闭包中 45 var num = 42; 46 // 将一些对于函数的引用存储为全局变量 47 a = function () { 48 console.log(num); 49 }; 50 b = function () { 51 num++; 52 }; 53 c = function (x) { 54 num = x; 55 }; 56 } 57 fn1(); 58 b(); 59 a(); // 43 60 c(5); 61 a(); // 5 62 var oldLog = a; 63 //在上边的案例中，当我们再次调用fn1时候，一个新的闭包就被创建了，旧闭包的变量 a b c被新闭包的函数覆盖 64 // 每次调用fn1 都会创建一个新的闭包 65 fn1(); 66 a(); // 42 67 oldLog(); // 5 */ 68 69 // 70 function buildList(list) { 71 var result = []; 72 for (var i = 0; i < list.length; i++) { //for循环已经执行完了，此时i为3， 73 var item = "item" + i; 74 result.push(function () { 75 console.log(item + " " + list[i]); 76 }); 77 } 78 return result; 79 } 80 function testList() { 81 var fnlist = buildList([1, 2, 3]); 82 83 for (var j = 0; j < fnlist.length; j++) { 84 fnlist[j](); //打印3次 ‘item2 undefined’ 85 } 86 } 87 testList(); 88 </script> 89 </body> 90 </html>