Cara menggunakan javascript scoping function

pada waktu kita menggunakan sebuah javascript, kita pasti akan sering menggunakan variabel, sama halnya ketika kita menggunakan sebuah PHP ya teman-teman, dan disini kita juga harus mengetahui variabel scope dan variabel global di javascript, apa si yang di maksud dengan scope dan global, nanti kita akan bahas pada paragraf berikutnya ya teman-teman, jadi jangan kemana-mana simak terus.

Table of Contents Show

Bagaimana cara memanggil fungsi di JavaScript?
Apa itu function scope JavaScript?
Bagaimana cara mendeklarasikan variabel di JavaScript?
Apa itu Lexical scope?

Mengetahui variabel scope dan variabel global di javascript, variabel global seperti sebuatannya variabel ini bisa kita panggil atau kita akses kapan aja, karena dia bersifat global, dan begitupun sebaliknya, scope ialah varibel yang sifatnya adalah local, jadi hanya di dalam function saja variabel itu bisa kita panggil, jadi ketika kita panggil di luar, tampilan akan mengeluarkan error, oke sekarang kita lihat contoh variabel global terlebih dahulu:

var varGlobal = " Saya Mengakses varGlobal, maka saya global";

function local(){

document.getElementById("demo").innerHTML = varGlobal;

}

local()

</script>

jika Variabel itu bersifat global, walaupun kita panggil variabel itu di dalam fungsi, dia masih bisa kecetak, tap lain halnya jika kita menggunakan variabel scope (local), sekarang saya akan coba membuat variabel scopenya, dan kita akses di luar;

var varGlobal = " Saya Mengakses varGlobal, maka saya global";

function local(){

varScope = "Saya Mengakses varScope, maka Saya Local";

}

document.getElementById("demo").innerHTML = varScope;

local()

Jika saya tulis seperti ini ketika kita buka di sebuah web browser, akan mengasilkan error, cara pemanggilan scope seperti ini yang benar:

var varGlobal = " Saya Mengakses varGlobal, maka saya global";

function local(){

varScope = "Saya Mengakses varScope, maka Saya Local";

document.getElementById("demo").innerHTML = varScope;

}

local()

jadi kita harus memanggilnya di dalam fungsi juga ya teman-teman. oke sekarang kita langsung saja liat struktur lengkap HTML dan Javascirptnya:

<!DOCTYPE html>

<html>

<head>

<title>Mengetahui Variabel Scope dan Variabel Global di Javascript</title>

.container{

width: 800px;

margin: auto;

}

h1{

background: cyan;

padding: 5px;

border-radius: 5px;

}

#demo{

background: aqua;

text-align: center;

font-weight: bold;

font-size: 20px;

}

</style>

</head>

<body>

<h1>Mengetahui Variabel Scope dan Variabel Global di Javascript</h1>

</div>

var varGlobal = " Saya Mengakses varGlobal, maka saya global";

function local(){

varScope = "Saya Mengakses varScope, maka Saya Local";

document.getElementById("demo").innerHTML = varScope;

}

local()

</script>

</body>

</html>

silahkan teman-teman ganti sendiri, pindah-pindahkan saja, oke dan saya rasa cukup sampai disini belajar kita tentang mengetahui variabel scope dan variabel global di javascript, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

Bagaimana cara memanggil fungsi di JavaScript?

Cara Memanggil/Eksekusi Fungsi Kita bisa memanggil fungsi di dalam kode Javascript dengan menuliskan nama fungsinya seperti ini: namaFungsi(); Contoh: // membuat fungsi function sayHello(){ console.log("Hello World!"); } // memanggil fungsi sayHello() // maka akan menghasilkan -> Hello World!

Apa itu function scope JavaScript?

Local scope atau function scope adalah scope yang berada dalam masing-masing fungsi dari kode program kita. Biasanya variabel yang dideklarasikan dalam local scope disebut variabel lokal.

Bagaimana cara mendeklarasikan variabel di JavaScript?

Cara membuat variabel yang umum digunakan di javascript adalah menggunakan kata kunci var lalu diikuti dengan nama variabel dan nilainya. Contoh: var title = "Belajar Pemrograman Javascript"; Pada contoh di atas, kita membuat variabel bernama title dengan nilai berupa teks (string): "Belajar Pemrograman Javascript" .

Apa itu Lexical scope?

Lexical scope adalah scope yang dibaca saat kode JavaScript melalui proses compile, atau sering disebut compile-time. Lexical scope ini yang mengatur di scope mana kita harus mencari sebuah variable.