简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Penjelasan terperinci tentang perbezaan antara pembolehubah tempatan dan pembolehubah global dalam kemahiran javascript_javascript

WBOY
Lepaskan： 2016-05-16 16:12:44
asal
1845 orang telah melayarinya

Javascript mempunyai dua jenis pembolehubah: pembolehubah tempatan dan pembolehubah global. Sudah tentu, artikel kami adalah untuk membantu anda benar-benar membezakan antara kedua-dua pembolehubah ini.

Pertama sekali, pembolehubah tempatan hanya boleh dipanggil dalam fungsi di mana pembolehubah ini diisytiharkan. Pembolehubah global ialah pembolehubah yang boleh dipanggil sepanjang kod. Sudah tentu, tidak jelas untuk memahaminya secara literal Biar saya memperkenalkannya secara terperinci di bawah:
Seperti yang kita sedia maklum, pembolehubah perlu diisytiharkan dengan kata kunci var. Tetapi pembolehubah juga boleh digunakan secara tersirat dalam JavaScript, iaitu, ia boleh digunakan secara langsung tanpa pengisytiharan. Selain itu, pastikan anda ambil perhatian bahawa JavaScript sentiasa menggunakan pembolehubah yang diisytiharkan secara tersirat sebagai pembolehubah global.
Contohnya:

Salin kod Kod adalah seperti berikut:

fungsi myName() {
i = 'yuanjianhang';
}
myName();
fungsi sayName() {
makluman(i);
}
sayName();

Hasil keluaran ialah: yuanjianhang

Ini menunjukkan pembolehubah i ialah pembolehubah global Jika kod di atas ditukar kepada yang berikut:

Salin kod Kod adalah seperti berikut:

fungsi myName() {
var i='yuanjianhang';
}
myName();
fungsi sayName() {
makluman(i);
}
sayName();

Pada masa ini, penyemak imbas tidak akan mempunyai sebarang hasil keluaran, kerana i ditakrifkan dalam fungsi myName, jadi ia hanya pembolehubah tempatan myName dan tidak boleh dipanggil secara luaran.

Sekarang lihat kembali kod berikut:

Salin kod Kod adalah seperti berikut:

fungsi myName() {
i = 'yuanjianhang';
}
myName();
fungsi sayName() {
makluman(i);
}
sayName();

Sekarang, mari buat beberapa perubahan dan alih keluar myName();

Salin kod Kod adalah seperti berikut:
fungsi myName() {
i = 'yuanjianhang';
}
fungsi sayName() {
makluman(i);
}
sayName();

Pada masa ini, penyemak imbas tidak akan bertindak balas. Kerana walaupun i ialah pembolehubah global, fungsi myName() belum dipanggil, jadi ia bersamaan dengan mengisytiharkan i tetapi tidak memberikan sebarang nilai kepada i, jadi tiada output.

Dengan cara yang sama, jika contoh di atas ditukar kepada:


Salin kod Kod adalah seperti berikut:
fungsi myName() {

i = 'yuanjianhang';
}
fungsi sayName() {
makluman(i);
}
sayName();
myName();

Dalam kes ini, tiada hasil akan dikeluarkan Kod JavaScript dilaksanakan dari atas ke bawah Apabila fungsi sayName() dipanggil, nilai pembolehubah i akan diperiksa pada masa ini belum dilaksanakan, iaitu saya belum diberikan nilai lagi, jadi tiada keputusan akan dikeluarkan.


Untuk memudahkan pemahaman semua orang, berikut ialah satu lagi contoh:

Salin kod Kod adalah seperti berikut:
var i = 'yuanjianhang';
function myloveName() {
i = 'guanxi';
}
myloveName();
fungsi myName() {
makluman(i);
}
myName();

Apakah keputusan kali ini?

Jawapannya ialah guanxi
Pertama, nilai asal i ialah yuanjianhang, tetapi selepas memanggil fungsi myloveName(), nilai i ditukar kepada guanxi, jadi hasil keluaran akhir ialah guanxi.

Jika anda menukar kod kepada:

Salin kod Kod adalah seperti berikut:
var i = 'yuanjianhang';
function myloveName() {
var i = 'guanxi';
}
myloveName();
fungsi myName() {
makluman(i);
}
myName();

Das Ergebnis ist Yuanjianhang, da die beiden i im Code unterschiedlich sind, eines ist global und das andere ist lokal. Obwohl die Namen der beiden i gleich sind Das Wesentliche ist unterschiedlich, so wie es zwei Personen mit demselben Namen gibt. Obwohl die Namen gleich sind, handelt es sich nicht um dieselbe Person.

Wenn Sie den Code wie folgt ändern:

Code kopieren Der Code lautet wie folgt:

var i = 'yuanjianhang';
Funktion myloveName() {
i = 'guanxi';
}
Funktion meinName() {
alarm(i);
}
meinName();
myloveName();

Ich glaube, Sie können das Ergebnis selbst berechnen, und das Ergebnis ist Yuanjianhang.

Da globale Variablen innerhalb der Funktion aufgerufen werden können, wie wäre es mit der folgenden Situation:

Code kopieren Der Code lautet wie folgt:

var i = 'yuanjianhang';
Funktion myloveName() {
i = 'guanxi';
alarm(i);
}
myloveName();

Welchen Wert hat die Variable zu diesem Zeitpunkt?

Lass es uns analysieren:

Zuerst wird der globalen Variablen i der Wert zugewiesen: yuanjianhang.

Dann wird die Funktion myloveName() aufgerufen und der globalen Variablen i wird ein neuer Wert zugewiesen: guanxi

Das Ergebnis muss also sein: Guanxi.

Was passiert, wenn wir die Warnung wie folgt weiterleiten:

Code kopieren Der Code lautet wie folgt:

var i = 'yuanjianhang';
Funktion myloveName() {
alarm(i);
i = 'guanxi';
}
myloveName();

Was ist derzeit das Ergebnis?
Das verifizierte Ergebnis ist: undefiniert
Was ist, wenn der Code so aussieht:

Code kopieren Der Code lautet wie folgt:

var i = 'yuanjianhang';
Funktion myloveName() {
alarm(i);
}
myloveName();

Das Ergebnis von i zu diesem Zeitpunkt ist: yuanjianhang

Warum tritt die obige undefinierte Situation auf? Weil die Ausführungsreihenfolge des Codes von oben nach unten erfolgt und i nicht definiert ist, bevor i ausgegeben wird. Hier ist also ersichtlich, dass bei der Verwendung von Code die Variablendeklaration an den Anfang des Codes gestellt werden muss, um ähnliche Probleme zu vermeiden!

Ähnlich:

Code kopieren Der Code lautet wie folgt:

var i = 'yuanjianhang';
Funktion myloveName() {
alarm(i);
var i = 'guanxi';

}
myloveName();

In diesem Fall wird auch Folgendes ausgegeben: undefiniert

Okay, ich habe nur so viele Einführungen zu Variablen, ich glaube, dass jeder sie verstehen kann. Unabhängig davon, wie der Code kopiert wird, ändert sich sein Kern nicht.

Das Obige ist der gesamte Inhalt dieses Artikels. Habt ihr ein tieferes Verständnis für den Unterschied zwischen lokalen Variablen und globalen Variablen in JavaScript? Ich wünsche euch allen ein frohes neues Jahr und viel Spaß beim Lernen.

Label berkaitan：
javascript 全局变量 局部变量
sumber：php.cn
Artikel sebelumnya：js untuk menyedari bahawa iklan besar akan hilang secara automatik apabila meluncur keluar dari sudut kanan atas halaman web kemahiran javascript Artikel seterusnya：Kaedah JS CSS untuk meniru fungsi carian aksara halaman web pelayar kemahiran_javascript
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
Isu terkini
Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
daripada 2024-04-06 19:25:49
0
1
505
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！