在 Chrome 擴展腳本之間共享功能的最佳方式是什么？

Question

我在 background.js 中定義了一個 function，我在 background.js 中使用它。 我還想在 options.html 的 options.js 中使用 function 而不在那里重寫它。 我知道我可以做 chrome.extension.getViews() 來獲取其他擴展腳本的全局對象。 我還可以從 options.js 發送一條消息，並讓 background.js 使用來自 options.js 的數據運行 function。 還有另一種方法嗎？ 更重要的是，一個比另一個更受歡迎嗎？

Answer 1

要在 background.js 和 options.js 文件中使用 function，您需要創建第三個文件以將 function 抽象為（我將使用 helper.js 作為示例）。 在 function 被抽象出來后，您可以使用 export 語句，這將允許后台和選項腳本導入它。

助手.js：

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

背景腳本：

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