码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript设计模式

时间:2016-06-22 21:52:09      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

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();

JavaScript设计模式

标签:

原文地址:http://www.cnblogs.com/whatyouknow123/p/5608551.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!