Google Chrome 扩展程序和上下文菜单：如何将一项功能用于多种用途？

Question

这是我想要做的一个示例，为了在此处发布，它已被简化。我想添加几个实际上调用相同函数的上下文菜单项，然后在函数内部我希望能够区分调用了哪个菜单项并相应地对其进行操作。

此示例添加了两个上下文菜单项，一个用于缩短使用 bit.ly 的链接，另一个用于使用 tinyURL。

chrome.contextMenus.create({'title': 'Shorten with bit.ly',
                            'contexts': ['all'],
                            'onclick': shortenLink});

chrome.contextMenus.create({'title': 'Shorten with tinyURL',
                            'contexts': ['all'],
                            'onclick': shortenLink});

接收函数看起来像这样，默认情况下 info 和 tab 都随请求一起发送，但我不认为我可以弄清楚调用了哪个上下文菜单函数就来自于此。

function shortenLink(info, tab){


}

这是这两个变量的控制台转储：

我知道我可以为每个项目设置单独的功能，但是我想要很多上下文菜单项添加和它们都共享很多相同的代码，所以我真的很想拥有一个它们都使用的“调​​度”函数。我怎样才能做到这一点？

编辑

也许我可以通过使用menuItemId变量找出它是从哪个菜单项调用的，但是我可以传递一个附加参数或一些附加数据，例如{方法：'bitly'}？

Answer 1

chrome.contextMenus.create({'title': 'Shorten with bit.ly',
                            'contexts': ['all'],
                            'onclick': function(info, tab) {
                                shortenLink(info, tab, {method:'bitly'});
                            });

function shortenLink(info, tab, methodObj){
    ...
}