如何正確地將一個普通的 JS 文件導出和導入到另一個 JS 文件中？

Question

我需要導出和導入一個普通的 js 文件才能正確地進行鍵盤導航。 我正在遵循此處的示例，並使用 ES5 的導入和導出模式，但它並未將一個 js 文件鏈接到另一個文件。 https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html#這是我的codepen.io鏈接https://codepen.io/ankita -sharma-the-flexboxer/項目/編輯器/DzdmBE

module.exports = PopupMenu;
var myModule = require('./popuplinks');

Answer 1

有多種方式導出和導入 JavaScript 模塊，過去我們使用的是您提供的格式的 CommonJS 模塊，它們可以通過以下方式使用。

// module.js
const myModule = "something"
module.exports = myModule
// And then if you want to import in another file, you're using following sentence.
const module = require("./module")

實際上我們正在使用類似 ES6 的導入，你可以在 MDN 上閱讀它們，我附上了一個 ES6+ 導出的小樣本。

// module.js
const myModule = "Something"
export { myModule }
// And then
import {myModule} from './module'

實際上，您應該閱讀可以解決您的問題的帖子