JS面向对象实战（一）——创建一个新的函数对象的两种习惯

JavaScript面向对象（一）——创建一个新的函数对象的两种习惯

工作中可能习惯创建一个函数对象的方式，管理一个模块。那么针对创建一个函数对象，一般有两种习惯方式：偏向链式编程；偏向类

不能污染函数祖先Function。

我们如果想添加一个方法，一般而言，不能放到原生对象上。因为这样会污染原生对象，并且容易引发冲突。但是我们可以给原生对象Function抽象一个统一添加方法的方法：addMethod()，用来方便给Function的实例添加方法，作为一个模块的管理。

Function.prototype.addMethod = function(name,fn){
    this[name] = fn;
}

偏向链式编程

如果偏向链式编程的习惯，创建一个函数对象可以参考如下

1 修改抽象方法

Function.prototype.addMethod = function(name,fn){
    this[name] = fn;
    return this;
}

2 创建函数对象

var validate = function(){};

validate.addMethod('checkName', function(){
    // 验证姓名
    alert("checkName");
    return this;
}).addMethod('checkEmail',function(){
    // 验证邮箱
    alert("checkEmail");
    return this;
});

// 测试
validate.checkName().checkEmail();

偏向类

1 修改抽象方法

Function.prototype.addMethod = function(name,fn){
    this.prototype[name] = fn;
}

2 创建函数对象

var Methods = function(){};
Methods.addMethod('checkName', function(){
    // 验证姓名
    alert("checkName");
})
Methods.addMethod('checkEmail',function(){
    // 验证邮箱
    alert("checkEmail");
});

var m = new Methods();

m.checkName();
m.checkEmail();

个人偏向第二种方式，面向对象的思想更浓厚