Bagaimana untuk Mengakses Fungsi Modul ES6 yang Diimport sebagai Pengendali onclick?

Mengakses Fungsi Diimport dengan Onclick dalam Modul ES6

Modul ES6 membenarkan kod terkapsul, mengelakkan konflik nama. Walau bagaimanapun, mengakses fungsi yang diimport sebagai pengendali onclick boleh menimbulkan cabaran kerana sifat skop modul.

Untuk menyelesaikan isu ini, anda mempunyai beberapa pilihan:

addEventListener:

Menggunakan kaedah addEventListener membolehkan anda mengikat fungsi yang diimport pada klik acara.

<button type="button">

Dedahkan Fungsi kepada Objek Tetingkap:

Dedahkan fungsi yang diimport kepada objek tetingkap, menjadikannya boleh diakses secara global. Walau bagaimanapun, pendekatan ini tidak disyorkan kerana kemungkinan konflik.

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

window.hello = hello;

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Fungsi Modul ES6 yang Diimport sebagai Pengendali onclick?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!