问

javascript - 关于函数里的Function.prototype的问题？

顺顺当当的小屋约_564 发布于 2022-11-11 17:21

Function.prototype.addMethod = function(name, fn) {
    if (!this.prototype[name]) {
        this.prototype[name] = fn;
        return this;
    }
}
var Methods = function() {};
Methods
    .addMethod('checkName', function() {
        return this;
    })
    .addMethod('checkMail', function() {
        return this;
    })
var m = new Methods();
m.checkName().checkMail();

这样一段代码，实际上和下面这段代码是不是等价的？

var CheckObject = function(){};
CheckObject.prototype = {
    checkName: function(){
        return this;
    },
    checkEmail: function(){
        return this;
    }
}
var a = new CheckObject();
a.checkName().checkEmail();

都是给目标函数添加了两个方法：checkName和checkMail，从最终效果来看两种方法实现的作用都是一样的。

两种方法各有什么优势呢？或者说第一种方法好在哪里？他给原生js添加了一个方法addMethod，不会污染原生的JS吗？

2 个回答

第一种方法，节省了addMethod在函数对象上的重复定义，自己用没事，冲突时可以直接在对象上重复定义，覆盖上一级Function原型上的addMethod，也谈不上污染。但是给别人用可能会引起冲突，因为你改了大家公用的东西。

2022-11-12 15:30 回答

在烟的世界
第一种写法是在Function构造函数的原型上添加方法addMethod。
```
var Methods = function() {};
```
等价于
```
var Methods = new Function();
```
所以Methods继承了Function原型上的方法。在后面 var m = new Methods()的时候，m也继承了Function上的方法。
这种写法如果你希望你每一个实例都想继承一个共有的方法，可以这么写。如果仅仅是希望在某一个构造函数的实例继承这个方法，就应该使用下面的那种写法。
```
var CheckObject = function(){};
CheckObject.prototype = {
    constructor : CheckObject,
    checkName: function(){
        return this;
    },
    checkEmail: function(){
        return this;
    }
}
```
这种写法是只在构造函数CheckObject的原型上添加方法，所以只有它的实例才会继承到这些方法。
2022-11-12 15:30 回答

喝咖啡的小南瓜_488

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签