Cara mengakses variabel global dalam fungsi javascript

Question

Mendeklarasikan Variabel. Variabel dapat dideklarasikan sebagai variabel global atau lokal. Variabel dapat dideklarasikan dengan kata kunci var, let, dan const. Sebelum ES6 hanya ada kata kunci var yang tersedia untuk mendeklarasikan variabel JavaScript.

Table of Contents Show

Lingkup Lokal
Bisakah Anda mengakses variabel global dalam suatu fungsi?
Mengapa saya tidak bisa mengakses variabel global di dalam fungsi saya di JavaScript?
Bagaimana cara mengakses variabel di dalam fungsi JavaScript?
Bisakah Anda mendeklarasikan variabel global dalam fungsi JavaScript?

Variabel Global adalah variabel yang dapat diakses dari mana saja dalam program. Ini adalah variabel yang dideklarasikan di bagian utama kode sumber dan di luar semua fungsi. Variabel ini tersedia untuk setiap fungsi untuk diakses.

Variabel global dideklarasikan pada awal blok (atas program)
Kata kunci var digunakan untuk mendeklarasikan variabel secara global
Variabel global dapat diakses dari bagian mana pun dari program

Catatan. Jika Anda menetapkan nilai ke variabel dan lupa mendeklarasikan variabel tersebut, maka secara otomatis akan dianggap sebagai variabel global

Contoh 1. Dalam contoh ini, kita mendeklarasikan variabel di awal program di luar setiap fungsi menggunakan kata kunci var.

HTML

<!DOCTYPE html> _

<html>

_

<body>

<________5

<script>

    var userName = "Bill";

    function modifyUserName() {
            userName = "Steve";
        };

    function showUserName() {
            alert(userName);
        };

    alert(userName); // display Bill
    
    modifyUserName();
    showUserName();// display Steve

</script>

_11_______

<2________5__5_______4 <5<6<7<8<4>

_

<2________5__5_______4 <5<6html6_______7<8<4>

_

> 2

<2<> 5>

> 7> 8

_

> 7 1

> 7 3

4 5

4 7

_

> 7<0

4<2

<3<4

> 7<6

> 7<8

> 7body0

_

> 7body3

________10<!DOCTYPE html> _10_______5

<2body7> 5>

body7<0>

body7body>

_

body7html>

Keluaran

Contoh 2. Deklarasikan variabel Global dalam suatu fungsi menggunakan objek jendela. Variabel yang dideklarasikan menggunakan objek jendela adalah variabel global dan dapat diakses dari bagian mana pun dari program

Variabel yang dideklarasikan di luar fungsi apa pun menjadi variabel global. Variabel global dapat diakses dan dimodifikasi dari fungsi apa pun

Contoh. Variabel Global

<script>

    var userName = "Bill";

    function modifyUserName() {
            userName = "Steve";
        };

    function showUserName() {
            alert(userName);
        };

    alert(userName); // display Bill
    
    modifyUserName();
    showUserName();// display Steve

</script>

Cobalah

Pada contoh di atas, variabel userName menjadi variabel global karena dideklarasikan di luar fungsi apa pun. Fungsi modifiedUserName() memodifikasi userName karena userName adalah variabel global dan dapat diakses di dalam fungsi apa pun. Dengan cara yang sama, fungsi showUserName() menampilkan nilai variabel userName saat ini. Mengubah nilai variabel global dalam fungsi apa pun akan tercermin di seluruh program

Harap perhatikan bahwa variabel yang dideklarasikan di dalam fungsi tanpa kata kunci var juga menjadi variabel global

Contoh. Variabel Global

<script>

    function createUserName() {
        userName = "Bill";
    }

    function modifyUserName() {
        if(userName)
            userName = "Steve";
    };

    function showUserName() {
        alert(userName);  
    }
    
    createUserName();
    showUserName(); // Bill 

    modifyUserName();
    showUserName(); // Steve 

    
</script>

_

Cobalah

Pada contoh di atas, variabel userName dideklarasikan tanpa kata kunci var di dalam createUserName(), sehingga menjadi variabel global secara otomatis setelah memanggil createUserName() untuk pertama kalinya

Catatan

Variabel userName akan menjadi variabel global hanya setelah createUserName() dipanggil setidaknya sekali. Memanggil showUserName() sebelum createUserName() akan memunculkan pengecualian "userName tidak ditentukan"

Lingkup Lokal

Variabel yang dideklarasikan di dalam fungsi apa pun dengan kata kunci var disebut variabel lokal. Variabel lokal tidak dapat diakses atau dimodifikasi di luar deklarasi fungsi

Contoh. Lingkup Lokal

<script>
    
    function createUserName() {
        var userName = "Bill";
    }

    function showUserName() {
        alert(userName);
    }

    createUserName();
    showUserName(); // throws error: userName is not defined

</script>

Cobalah

Parameter fungsi dianggap sebagai variabel lokal

Pada contoh di atas, userName bersifat lokal untuk fungsi createUserName(). Itu tidak dapat diakses dalam fungsi showUserName() atau fungsi lainnya. Ini akan menimbulkan kesalahan jika Anda mencoba mengakses variabel yang tidak dalam lingkup lokal atau global. Gunakan blok coba tangkap untuk penanganan pengecualian

Beberapa tip

Jika variabel lokal dan variabel global memiliki nama yang sama maka perubahan nilai satu variabel tidak mempengaruhi nilai variabel lain

Contoh. Cakupan

var userName = "Bill";

function ShowUserName()
{
    var userName = "Steve";

    alert(userName); // "Steve"
}

ShowUserName();

alert(userName); // Bill

Cobalah

JavaScript tidak mengizinkan cakupan level blok di dalam {}. Misalnya, variabel yang didefinisikan dalam blok if dapat diakses di luar blok if, di dalam suatu fungsi

Bisakah Anda mengakses variabel global dalam suatu fungsi?

Variabel global dapat digunakan oleh semua orang, baik di dalam fungsi maupun di luar .

Mengapa saya tidak bisa mengakses variabel global di dalam fungsi saya di JavaScript?

Penjelasan. Ini karena di mana pun Anda mendefinisikan variabel, itu akan mengangkat variabel ke atas cakupan terlampir . Yang berarti, jika suatu variabel didefinisikan dalam suatu ruang lingkup, javascript memindahkannya sepenuhnya ke bagian atas ruang lingkup.

Bagaimana cara mengakses variabel di dalam fungsi JavaScript?

Jadi cara termudah untuk membuat variabel Anda dapat diakses dari luar fungsi adalah pertama-tama mendeklarasikan di luar fungsi, kemudian menggunakannya di dalam fungsi. .

fungsi satu(){ var a;

var a; . lakukan sesuatu(). .

var a;

Bisakah Anda mendeklarasikan variabel global dalam fungsi JavaScript?

Untuk mendeklarasikan variabel global dalam javascript kita harus mendeklarasikan variabel var, const atau let di luar blok atau fungsi apa pun, di dalam lingkup global . Di atas, kami mendeklarasikan variabel global myVal dan menetapkan nilai 10. myVal juga dapat diakses di dalam fungsi myFun yang memverifikasi bahwa myVal adalah variabel global.

kode javascript