如何作為 onclick 處理程序存取導入的 ES6 模組函數？

在 ES6 模組中使用 Onclick 存取導入的函數

ES6 模組允許封裝程式碼，防止名稱衝突。但是，由於模組的作用域性質，將導入的函數作為 onclick 處理程序存取可能會帶來挑戰。

要解決此問題，您有多種選擇：

addEventListener:

利用addEventListener 方法可以將導入的函數綁定到點擊event .

<button type="button">

將函數暴露給Window對象：

將導入的函數暴露給 window 對象，使其全域可存取。但是，由於潛在的衝突，不建議使用這種方法。

import {hello} from './test.js';

window.hello = hello;

以上是如何作為 onclick 處理程序存取導入的 ES6 模組函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！