javascript - 关于函数里的Function.prototype的问题？-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

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

阿神 2017-04-11 11:51:00

[JavaScript讨论组]

416

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)

迷茫2017-04-11 11:53:00 2楼

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