Rumah > hujung hadapan web > tutorial js > Bagaimanakah Anda Boleh Mengakses Pembolehubah daripada Satu Fail JavaScript dalam Fail Lain?

Bagaimanakah Anda Boleh Mengakses Pembolehubah daripada Satu Fail JavaScript dalam Fail Lain?

Mary-Kate Olsen
Lepaskan: 2024-11-04 12:33:51
asal
631 orang telah melayarinya

How Can You Access Variables from One JavaScript File in Another?

Mengakses Pembolehubah Merentas Fail dalam JavaScript

Dalam JavaScript, pembolehubah yang diisytiharkan dalam skop global boleh diakses daripada skrip lain yang dimuatkan selepas pengisytiharannya. Ini membolehkan anda berkongsi data antara bahagian aplikasi anda yang berlainan.

Sebagai contoh, pertimbangkan senario di mana anda mempunyai fail yang dipanggil "first.js" yang mengandungi pembolehubah yang dipanggil "colorCodes." Anda ingin mengakses pembolehubah ini daripada fail lain yang dipanggil "second.js."

Penyelesaian:

Untuk mengakses pembolehubah daripada "first.js" dalam "second. js," anda boleh mengikuti langkah berikut:

1. Isytiharkan pembolehubah dalam skop global:

Dalam "first.js," isytiharkan pembolehubah "colorCodes" sebagai pembolehubah global:

var colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};
Salin selepas log masuk

2. Akses pembolehubah dalam fail lain:

Dalam "second.js," anda kemudian boleh mengakses pembolehubah "colorCodes" menggunakan rujukan skop globalnya:

alert(colorCodes.back); // alerts "#fff"
Salin selepas log masuk

Nota:

  • Skrip dalam "second.js" mesti dimuatkan selepas "first.js" dalam fail HTML untuk memastikan pembolehubah diisytiharkan sebelum ia diakses.
  • Untuk menambah baik lagi organisasi dan kebolehselenggaraan kod, adalah disyorkan untuk menggunakan sistem modul seperti modul CommonJS atau ES untuk mentakrifkan kebergantungan dan skop secara eksplisit dalam aplikasi anda.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Mengakses Pembolehubah daripada Satu Fail JavaScript dalam Fail Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan