为了账号安全,请及时绑定邮箱和手机立即绑定

关于函数里的Function.prototype的问题?

关于函数里的Function.prototype的问题?

繁华开满天机 2018-10-09 17:23:42
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吗?
查看完整描述

1 回答

?
吃鸡游戏

TA贡献1829条经验 获得超7个赞

第一种写法是在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的原型上添加方法,所以只有它的实例才会继承到这些方法。


查看完整回答
反对 回复 2018-11-16
  • 1 回答
  • 0 关注
  • 656 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信