Bagaimanakah 'var FOO = FOO || {};' Cipta dan Urus Ruang Nama dalam JavaScript?

Ruang nama dalam JavaScript: Memahami "var FOO = FOO || {}"

Dalam JavaScript, adalah perkara biasa untuk melihat kod berikut pada permulaan fail sumber:

var FOO = FOO || {};

Kod ini menggunakan operator bersyarat (||) untuk menetapkan objek kosong ({}) kepada pembolehubah (FOO) jika ia belum wujud. Teknik ini sering digunakan untuk mencipta ruang nama, yang dinamakan objek yang digunakan untuk menyusun fungsi dan pembolehubah.

Operator bersyarat berfungsi seperti berikut: jika pembolehubah FOO tidak ditentukan atau batal (iaitu keadaan awal), objek kosong diberikan kepadanya. Walau bagaimanapun, jika FOO telah ditakrifkan, nilai sedia adanya akan digunakan.

Dengan menggunakan ruang nama, berbilang fail yang berkongsi ruang nama yang sama boleh mentakrifkan fungsi dan pembolehubah tanpa mencemarkan objek global. Sebagai contoh, pertimbangkan dua fail berikut:

Fail 1:

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func1 = {
};

Fail 2:

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func2 = {
};

Dalam kes ini, kedua-dua fail berkongsi ruang nama MY_NAMESPACE. Oleh itu, tidak kira susunan ia dimuatkan, kedua-dua func1 dan func2 akan ditakrifkan dalam objek MY_NAMESPACE. Fail pertama mencipta ruang nama awal, manakala fail berikutnya menambah objek sedia ada, memastikan struktur objek yang konsisten merentas fail.

Teknik ini amat berguna untuk pemuatan skrip tak segerak di mana susunan pelaksanaan skrip tidak pasti. Dengan memastikan semua skrip yang berkongsi ruang nama menggunakan objek yang sama, susunan pemuatan fail tidak menjejaskan integriti objek yang ditentukan.

Atas ialah kandungan terperinci Bagaimanakah 'var FOO = FOO || {};' Cipta dan Urus Ruang Nama dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!