js-闭包（权威指南版）

js-闭包（权威指南版）

博客分类：

• Web前端-JS语言核心

JavaScript

作者：zccst

Js代码  

1. //1,闭包是词法作用域（作用域在定义时决定，不是在调用时决定）
2. var scope = "global scope";
3. function checkscope(){
4. var scope = "local scope";
5. function f(){
6. return scope;
7. }
8. return f;
9. };
10. var r = checkscope()();
11. console.log(r);//local scope
12. //2，闭包可以捕捉到单个函数调用的局部变量，并将这些局部变量用做私有状态。
13. var uniqueInteger = (function(){
14. var counter = 0;
15. return function(){
16. return counter++;
17. }
18. }());
19. //分析：这是一个嵌套的函数。当外部函数返回之后，其它任何代码都无法访问counter变量，只有内部的函数才能访问它。
20. //引申1：
21. function counter(){
22. var n = 0;
23. return {
24. count:function(){return n++;},
25. reset:function(){n=0;}
26. };
27. }
28. var c = counter(), d = counter();
29. console.log(c.count());//0
30. console.log(d.count());//0
31. console.log(c.reset());
32. console.log(c.count());//0
33. console.log(d.count());//1
34. /*
35. 批注：每次调用counter()，都会创建一个新的作用域链和一个新的私有变量。因此，如果调用counter()两次，则会得到两个计算器对象，而且彼此包含不同的私有变量，调用其中一个计数器对象的count()和reset()不会影响到另外一个对象。
36. */
37. //引申2：
38. function counter(n){
39. return {
40. get count(){return n++;},
41. set count(m){
42. if(m >= n) n=m;
43. else throw Error("只能越来越大，不能越来越小");
44. }
45. };
46. }
47. var c = counter(1000);
48. console.log(c.count);//1000
49. console.log(c.count);//1001
50. c.count = 2000;
51. console.log(c.count);//2000
52. c.count = 2000;//Error
53. /*
54. 批注：这个版本并未声明局部变量，只是使用参数n来保存私有状态，属性存取器方法可以访问n，这样的话，调用counter()的函数就可以制定私有变量的初始值了。
55. */
56. function constfuncs(){
57. var funcs = [];
58. for(var i= 0; i<10; i++){
59. funcs[i] = function(){
60. return i;
61. };
62. }
63. return funcs;
64. }
65. var funcs = constfuncs();
66. console.log(funcs[5]());//10
67. /*批注，这些闭包都是在同一个函数调用中定义的，因此他们可以共享变量i。
68. 所有的闭包都共享这一个值，因此数组中的函数的返回值都是同一个值，这不是我们想要的结果。
69. */
70. //还有注意this的关键字，而不是变量。每个函数调用都包含一个this值，如果闭包在外部函数里是无法访问this的，除非外部函数将this转存为一个变量：
71. var self = this;//将this保存至一个变量中，以便嵌套的函数能够访问它。