zoukankan      html  css  js  c++  java
  • 多种添加公用方法的方式

    /*
        //这样做并不好,污染了原生的Function
        Function.prototype.checkEmail = function(){
            //验证邮箱
            console.log(1);
        }
    
        var fn = function(){};
        fn.checkEmail();
        */
    
        //可以添加统一添加方法的功能方法
        /*
        Function.prototype.addMethod = function(name,fn){
            this[name] = fn;
        }
        var fn = function(){};
        fn.addMethod('checkName',function(){
            console.log('验证姓名');
        });
        fn.addMethod('checkEmail',function(){
            console.log('验证邮箱');
        });
        fn.checkName();
        fn.checkEmail();
        */
        //链式添加&&链式调用
        /*
        Function.prototype.addMethod = function(name,fn){
            this[name] = fn;
            return this;
        }
        var fn = function(){};
        fn.addMethod('checkName',function(){
            console.log('检查名字');
            return this;
        }).addMethod('checkEmail',function(){
            console.log('检查邮件');
            return this;
        });
    
        fn.checkName().checkEmail();
    
        */
        //类式调用方式
        Function.prototype.addMethod = function(name,fn){
            this.prototype[name] = fn;//赋值到对象的原型上
        }
    
        var fn = function(){};
        fn.addMethod('checkName',function(){
            console.log('检查名字');
        });
        fn.addMethod('checkEmail',function(){
            console.log('检查邮箱');
        });
    
        var methods = new fn();
        methods.checkName();
        methods.checkEmail();
  • 相关阅读:
    Vue自定义指令
    Vue实例生命周期
    Vue学习目录
    Vue表单控件绑定
    Vue事件处理
    Vue数组更新及过滤排序
    Vue模板逻辑
    Vue模板内容
    Vue实例对象的数据选项
    Vue组件基础用法
  • 原文地址:https://www.cnblogs.com/jokes/p/9582987.html
Copyright © 2011-2022 走看看