zoukankan      html  css  js  c++  java
  • JavaScript设计模式

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

  • 相关阅读:
    eclipse的web项目热部署
    JAVA字符串转日期或日期转字符串
    右下角弹出框
    div拖拽
    js的富文本框与日期插件
    slected多选框的转移
    判断当前日期是否是当月数据
    java常见面试题(二)
    静态代理和动态代理
    java常见面试题(一)
  • 原文地址:https://www.cnblogs.com/whatyouknow123/p/5608551.html
Copyright © 2011-2022 走看看