在Chrome扩展程序脚本之间共享功能的最佳方法是什么？

Question

我有一个在background.js中定义的函数，该函数在background.js内部使用。我也想在options.html的options.js中使用该功能，而不在此重写它。我知道我可以执行chrome.extension.getViews（）来获取其他扩展脚本的全局对象。我还可以从options.js发送消息，并让background.js使用来自options.js的数据运行该函数。还有另一种方法吗？更重要的是，一个偏爱另一个吗？

Answer 1

要在background.js和options.js文件中使用该函数，您需要创建一个第3个文件以将该函数抽象化（本示例中将使用helper.js）。函数抽象后，您可以使用export语句，这将允许后台和选项脚本将其导入。

Helper.js：

export function reusableFunction () {
  // your code here
}

后台脚本：

import { reusableFunction } from './helper.js';