Bolehkah saya Mengisytiharkan Pembolehubah Global Di Dalam Fungsi JavaScript?

Mengisytiharkan Pembolehubah Global dalam Fungsi JavaScript

Pertanyaan:

Adakah ia layak untuk menentukan global pembolehubah di dalam fungsi JavaScript? Khususnya, saya menyasarkan untuk mengakses pembolehubah trailimage (dimulakan dalam fungsi makeObj) daripada fungsi luaran yang lain.

Penyelesaian:

Tidak seperti bahasa pengaturcaraan lain, pembolehubah global dalam JavaScript tidak boleh ditakrifkan secara langsung dalam fungsi. Walau bagaimanapun, terdapat pelbagai pendekatan untuk mencapai kesan yang sama:

Menggunakan Objek Global:

• Isytiharkan pembolehubah pada skop global (di luar semua fungsi dan modul) menggunakan var:

var yourGlobalVariable;

function foo() {
    // Access yourGlobalVariable
}

Menggunakan globalThis/window Objek:

• Dalam persekitaran moden, tetapkan sifat kepada objek globalThis:

function foo() {
    globalThis.yourGlobalVariable = ...;
}

• Dalam pelayar, objek tetingkap boleh digunakan dengan cara yang sama:

function foo() {
    window.yourGlobalVariable = ...;
}

Fungsi Skop dan Penutupan:

• Gunakan fungsi skop untuk mencipta skop baharu. Pembolehubah yang diisytiharkan dalam skop ini tersedia secara setempat untuk semua fungsi bersarang:

(function() {
    var yourGlobalVariable;

    function foo() {
        // Access yourGlobalVariable
    }
})();

Menggunakan Modul:

• Modul merangkumi kod dan skop, membenarkan pembolehubah untuk dikongsi dalam modul tetapi tersembunyi daripada luaran kod:

<script type="module">
let yourGlobalVariable = 42;

function foo() {
    // Access yourGlobalVariable
}
</script>

Cadangan:

Walaupun pembolehubah global boleh berguna dalam senario tertentu, secara amnya disyorkan untuk meminimumkan penggunaannya kerana mereka boleh membuat penamaan perlanggaran dan memperkenalkan cabaran penyelenggaraan. Sebaliknya, pilih teknik pengaturcaraan modular atau gunakan pembolehubah tempatan dalam fungsi apabila boleh.

Atas ialah kandungan terperinci Bolehkah saya Mengisytiharkan Pembolehubah Global Di Dalam Fungsi JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!