javascript – 添加方法到功能

2019-08-24 22:37:18 阅读：74 来源： 互联网

我是JavaScript的新手,我正在学习JavaScript：The Good Parts.在该书中,以下配方用于增加所有功能的方法：

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

我想探索这个概念,所以我想出了以下脚本,其目的是将greet()方法添加到func()函数中：

//define how the augmentation will work
Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
}

//create a dummy function to augment
function func() {
    //do nothing
}

//create function to be added
func.method('greet', function() {
    console.log("Greetings from greet()!");
});

//access the new function
func.greet();

但是,当我运行它时,我得到错误Uncaught TypeError：undefined不是一个函数.有人可以告诉我我做错了什么.

解决方法:

在这种情况下,您要修改该行：

this.prototype[name] = func;

只是

this[name] = func;

演示：http://jsfiddle.net/s8aed1bx/1/

或者你可以使用

this.constructor.prototype[name] = func;

但是这会将每个新方法添加到每个函数中,而不仅仅是您调用方法的函数.或者您可以使用：

var f2 = new func();
f2.greet();

为什么？

在JavaScript中查找对象的属性时,将搜索对象本身,然后搜索对象构造函数的原型(依此类推).函数的.constructor是函数.

在这种情况下,如果你写了：

func.method('greet', function() {
  console.log("Greetings from greet()!");
});
var f2 = new func();
f2.greet();

函数的原型用于由该函数创建的新实例. (您创建的对象具有创建函数本身的.constructor.)

标签：javascript
来源： https://codeday.me/bug/20190824/1712741.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 添加方法到功能