5、了解 ---简单工程模式

简单工程模式有叫静态工厂方法，由一个工程对象决定创建某一种产品独享类的实例。主要是创建同一个对象。

1 var login = function(text){
2     this.content = text
3 }
4 login.prototype.show = function(){
5     //tips
6 }

通过new 来实例化

var loginalert = new login('输入用户名');

这只是一个简单的类，对于有多个类，我们就提供一个：

 1 //class 1
 2 var login = function(){
 3     this.intro = '登录信息';
 4 }
 5 
 6 login.prototype = {
 7     getName : function(){
 8         console.log("namevalue");
 9     },
10     getpassword : function(){
11         console.log("password");
12     }
13 }
14 
15 var register = function(){
16     this.intro = 'register info';
17 }
18 
19 register.prototype = {
20     getage : function(){
21         console.log('age');
22     },
23     getcard : function(){
24         console.log('card');
25     }
26 }
27 
28 
29 //工厂模式
30 var factory = function(name){
31     switch(name){
32         case 'login':
33             return new login();
34             break;
35         case 'register':
36             return new register();
37             break;    
38     }
39 }
40 
41 var _login = factory('login');
42 _login.getName();

 

简单工程模式的理念就是创建对象

举个例子，比如你想创建一本书，比如目录、页码等也有其它不一样的地方，时间出版社，作者，书名，针对不同属性要做下处理

 1 //工厂模式
 2 function createbook(name,time,type){
 3     //创建一个对象，并对对象扩展和方法
 4     var o  = new  Object();
 5     o.name = name;
 6     o.time = time;
 7     o.type = type;
 8     o.show = function(){
 9         console.log(this.name);
10     }
11     //返回对象
12     return o;
13 }

 

var book1 = new createbook('jsbook',2001,'js');

book1.show();

 

posted on 2016-09-02 07:25  Mc525  阅读(254)  评论(0)    收藏  举报

导航