007 ※ 偶遇看不见的#闭包

不二如是

关于为什么要学习JavaScript设计模式，请看：传送门

---

上一讲小不二利用JS语言特性，实现了对象共有/私有属性和方法，那种溢于言表的喜悦，无法用文字写出来。

正当小不二准备关电脑睡觉的时候，一个想法突然钻到他的脑子里：

咦，类的静态变量是不是就是通过闭包实现的呢？

PS：关于闭包的教程，鱼油可以参看：0 1 3 3 ★ 得“闭包”者得天下！ | 【精英版】

理论上绝对可以通过类的静态变量实现闭包，小不二赶紧又打开编辑器：

1. var Book = (function(){
   
2. //       静态私有变量
   
3.         var bookNumber = 0;
   
4. 
   
5. //        静态私有方法
   
6.         function checkName(name){}
   
7. 
   
8. //        返回构造函数
   
9.         return function(newID,newName,newPrice){
   
10. //            私有变量
    
11.             var name,price;
    
12. 
    
13. //            私有方法
    
14.             function checkID(id){}
    
15. //                特权方法
    
16.                 this.getName = function(){};
    
17.                 this.setName = function(){};
    
18.                 this.getPrice = function(){};
    
19.                 this.setPrice = function(){};
    
20.                
    
21. //                公有属性
    
22.                 this.id = newID;
    
23. //                公有方法
    
24.                 this.copy = function(){};
    
25.                
    
26.                 bookNumber++;
    
27.                 if(bookNumber>100)
    
28.                     throw new Error("限量发售100本！");
    
29.                     
    
30. //                    构造器
    
31.                     this.setName(name);
    
32.                     this.setPrice(price);      
    
33.         }
    
34.     })();
    
35.    
    
36.     Book.prototype = {
    
37. //        静态公有属性
    
38.         isFishcBook : true,
    
39. //        静态公有方法
    
40.         display:function(){}
    
41.     };

复制代码

闭包是有权访问另外一个函数作用域中变量的函数。

就是在一个函数内部创建另外一个函数。

我们将这个闭包作为创建对象的构造函数，这样它即是闭包又是可实例对象的函数。

这就意味着闭包可以访问到类函数作用域中的变量，如代码中的bookNumber变量。

它是一个静态私有变量，原本外面的函数是无法访问滴～

通过闭包，该变量即可被访问到。

整理完这个思路，小不二想到小甲鱼老师曾经说过：

闭包内部也可以实现一个完整的类，将访问到的属性和方法返回。

小不二将原本放在外面的prototype放到book（）方法中：

1. var Book = (function () {
   
2. //       静态私有变量
   
3.         var bookNumber = 0;
   
4. 
   
5. //        静态私有方法
   
6.         function checkName(name) {
   
7.         }
   
8. 
   
9. //        创建类
   
10.         function book(newID, newName, newPrice) {
    
11. //            私有变量
    
12.             var name, price;
    
13. 
    
14. //            私有方法
    
15.             function checkID(id) {
    
16.             }
    
17. 
    
18. //                特权方法
    
19.             this.getName = function () {
    
20.             };
    
21.             this.setName = function () {
    
22.             };
    
23.             this.getPrice = function () {
    
24.             };
    
25.             this.setPrice = function () {
    
26.             };
    
27. 
    
28. //                公有属性
    
29.             this.id = newID;
    
30. //                公有方法
    
31.             this.copy = function () {
    
32.             };
    
33. 
    
34.             bookNumber++;
    
35.             if (bookNumber > 100)
    
36.                 throw new Error("限量发售100本！");
    
37. 
    
38. //                    构造器
    
39.             this.setName(name);
    
40.             this.setPrice(price);
    
41.         }
    
42. //                构建原型
    
43.         _book.prototype = {
    
44. //        静态公有属性
    
45.             isFishcBook: true,
    
46. //        静态公有方法
    
47.             display: function () {
    
48.             }
    
49.         };
    
50.         return _book;
    
51.     })();

复制代码

这样就很像一个整体了，好了，开心的睡觉，迎接明天的新工作！

...

预知后事如何，请看下回分解

---

课后作业


1、闭包函数有权访问另外一个函数作用域中的变量？（T/F）



答案：

游客，如果您要查看本帖隐藏内容请回复

---

如果有收获，别忘了评分 ：

                               
登录/注册后可看大图

这位鱼油，如果喜欢JS-设计模式，请订阅 专辑☞（传送门）（不喜欢更要订阅 ）

                               
登录/注册后可看大图

oujq2541

我要看答案

TCY

T

优时风

T

jack6666

1