Bagaimanakah Saya Boleh Mentakrifkan Pembolehubah Global Di Dalam Fungsi JavaScript?

Cara Mentakrifkan Pembolehubah Global dalam Fungsi JavaScript

Pengenalan:

Fungsi JavaScript beroperasi dalam skop tempatan mereka sendiri , memisahkan mereka daripada skop global. Walau bagaimanapun, kadangkala ia menjadi perlu untuk mengakses pembolehubah global dalam fungsi. Artikel ini meneroka teknik untuk mencapai ini.

Mentakrifkan Pembolehubah Global dalam Fungsi:

Menetapkan pembolehubah secara langsung dalam fungsi JavaScript tanpa kata kunci "var" mengisytiharkannya sebagai pembolehubah global. Ini adalah pendekatan warisan yang boleh membawa kepada konflik dengan pembolehubah global sedia ada.

Pendekatan Moden:

1. Menggunakan "globalThis":

Dalam penyemak imbas dan persekitaran moden, anda boleh menetapkan pembolehubah global menggunakan objek "globalThis".

function foo() {
    globalThis.trailimage = [address, 50, 50];
}

2. Menugaskan kepada "tetingkap" (Pelayar sahaja):

Dalam penyemak imbas, objek "tetingkap" bertindak sebagai objek global. Anda boleh menggunakannya untuk menentukan pembolehubah global dalam fungsi.

function foo() {
    window.trailimage = [address, 50, 50];
}

Amalan Terbaik:

• Elakkan pembolehubah global jika boleh: Mereka mengacaukan skop global dan mencipta isu penyelenggaraan.
• Gunakan "const" atau "biar" untuk pengisytiharan pembolehubah: Pengisytiharan moden memastikan pembolehubah tidak ditetapkan semula.
• Pertimbangkan untuk menggunakan modul: Modul mencipta ruang nama terpencil, menghalang konflik pembolehubah.
• Gunakan pembungkus fungsi sebagai sandaran: Jika modul tidak disokong, bungkus kod anda dalam fungsi dan mengisytiharkan pembolehubah dalam skop itu untuk mencapai kesan yang serupa.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mentakrifkan Pembolehubah Global Di Dalam Fungsi JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!