代码之家 › 专栏 › 技术社区 › Chuck

如何创建一个用JavaScript返回函数的函数

function javascript

Chuck · 技术社区 · 3 年前

在我的项目中,我有大约五次这样的代码,我知道我会经常使用它:

this.messageHandler = ({ data, origin }) => {
    if (origin === window.location.origin) {
        if (
            data.listener === this.listener &&
            data.event === 'rowclick'
        ) {
            this.recordId = data.datarow;
        }
    }
};
window.addEventListener('message', this.messageHandler);

每次都有唯一的区别:

this.listener 每个类都有一个唯一的值。
this.recordId 每次都不一样,可能是 this.userId 或 this.accountId ,但到目前为止,我总是设置一个表示记录ID的属性。

我想创建一个函数来构建这个函数。我认为这在JavaScript中是可能的。我似乎记得在学习该语言时使用的许多JS资源中的一个资源中看到了关于如何做到这一点的信息。但我现在找不到信息。

理想情况下,我会用这样的东西来代替上面的内容:

window.addEventListender('message', generateHandler(this.listener, (datarow) => {
    this.recordId = datarow;
});

我如何在JavaScript中做到这一点?

2 回复 | 直到 3 年前

Chuck 3 年前

我很感激评论中的提示,它们帮了我很大的忙。这是我最后写的:

const generateMessageHandler = (listener, callback) => {
    return ({ data, origin }) => {
        if (
            origin === window.location.origin &&
            data.listener === listener &&
            data.event === 'rowclick'
        ) {
            callback(data.datarow);
        }
    };
}

然后这样称呼它:

window.addEventListener(
    'message',
    generateMessageHandler(this.rowClickListenerName, (datarow) => {
        this.recordId = datarow;
    })
);

我想我已经掌握了所有的部分,但在评论者开始谈论函数返回函数之前,有些事情阻碍了最终实现的实现。

-1

Robo Robok 3 年前

您当然可以在JavaScript中的函数中返回函数,但在您的情况下,这有什么意义?

您只需将处理程序设置为一个匿名函数即可调用您的函数:

window.addEventListener('message', () => yourFunction(arg1, arg2, arg3));

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前