JavaScript设计模式

Posted 2020-07-28 whatyouknow123

javascript 设计模式

第一章   灵活的javascript

1. 用函数收编对象

var checkobject={

  checkname:function(){},

  checkemail:function(){},

  checkpassword:function(){}

}

1. 真假对象

Var checkobject=function(){

  Return{

Checkname:function(){},

Checkemail:function(){},

Checkpassword:function(){}

}

}

使用方式：
var a=checkobject();

a.checkemail();

1. 用类的方式进行封装

Var checkobject=funcition(){

  This.checkname:function(){},

  This.checkemail:function(){},

  This.checkpassword:function(){}

}

这时候他是一个类，因此我们在创建的时候就要一种新的方式

var a=new checkobject();

a.checkname();

1. 用prototype来简化

Var checkobject=function(){};

Checkobject.prototype={

Checkname:function(){

   return this;

},

Checkemail:function(){

   return this;

},

Checkpassword  :function(){

   return this;

},

 

}

1. 链式添加

Var methods=function(){};

Methods.addmethod(‘checkname’,function(){return this}).addmethod(‘checkemail’,function(){return this});

调用的方法：
methods.checkname().checkemail();

链式添加的另一种方法：

Function.prototype.addmethod=function(name,fn){

  This.prototype[name]=fn;

}

Var methods=function(){};

Methods.addmethod(‘checkname’,function(){}).addmethod(‘checkemail’,function(){});

调用的方法：

Var m=new methods();

m.checkemail();