JavaScript - kata kunci var

Halo, para ahli JavaScript masa depan! Hari ini, kita akan memulai sebuah perjalanan menarik ke dunia variabel di JavaScript, khususnya fokus pada kata kunci var. Sebagai guru komputer tetangga yang ramah, saya di sini untuk mengarahkan Anda melalui konsep fundamental ini yang akan menjadi dasar untuk petualangan pemrograman Anda. Jadi, ambil keyboard virtual Anda (wicara), dan mari kita masuk ke dalam!

JavaScript - var Keyword

Sintaks

mari kita mulai dengan dasar. Di JavaScript, kita menggunakan kata kunci var untuk mendeklarasikan variabel. Pikirkan variabel seperti wadah magis yang dapat menampung berbagai jenis informasi. Berikut cara kita membuatnya:

var magicNumber = 42;
var wizardName = "Merlin";
var isWizard = true;

Dalam contoh ini, kita telah membuat tiga variabel:

  1. magicNumber menampung sebuah nomor (42)
  2. wizardName menampung sebuah string ("Merlin")
  3. isWizard menampung nilai boolean (true)

Ingat, JavaScript seperti seorang asisten yang membantu - dia tidak memerlukan Anda untuk menentukan jenis data yang Anda simpan. Dia mencoba menentukan itu sendiri!

Skop Variabel JavaScript

Sekarang, mari kita bicarakan sesuatu yang sedikit lebih lanjut - skop variabel. Di dunia magis JavaScript, variabel memiliki berbagai realm tempat mereka ada, yang dikenal sebagai skop.

Skop Global

Ketika Anda mendeklarasikan variabel di luar semua fungsi, ia menjadi variabel global. Itu seperti mendeklarasikan sesuatu di Great Hall of Hogwarts - semua orang dapat mendengarnya!

var globalSpell = "Lumos";

function castSpell() {
console.log(globalSpell); // Output: "Lumos"
}

castSpell();
console.log(globalSpell); // Output: "Lumos"

Skop Fungsi

Variabel yang dideklarasikan dalam sebuah fungsi hanya dapat diakses dalam fungsi itu sendiri. Itu seperti mengucapkan mantra rahasia - hanya mereka yang dalam fungsi yang dapat mendengarnya.

function learnSecretSpell() {
var secretSpell = "Alohomora";
console.log(secretSpell); // Output: "Alohomora"
}

learnSecretSpell();
console.log(secretSpell); // Error: secretSpell is not defined

Hoisting Variabel JavaScript

Sekarang, mari kita lihat perilaku yang unik JavaScript ini. Itu memiliki perilaku khusus yang disebut hoisting. Bayangkan jika sebelum pertandingan quidditch, semua扫帚 terbang ke puncak lapangan. Itu seperti apa yang dilakukan JavaScript dengan deklarasi var!

console.log(magicWand); // Output: undefined
var magicWand = "Elder Wand";

JavaScript mengangkat deklarasi (tetapi bukan inisialisasi) ke puncak. Itu seperti kode itu ditulis seperti ini:

var magicWand;
console.log(magicWand); // Output: undefined
magicWand = "Elder Wand";

Redeclaring Variabel Didefinisikan Menggunakan Kata Kunci 'var'

Tidak seperti beberapa bahasa pemrograman yang lebih ketat, JavaScript sangat toleran saat Anda mendeklarasikan ulang variabel dengan var. Itu seperti dapat memberi nama baru pada anjing Anda beberapa kali tanpa masalah!

var owl = "Hedwig";
console.log(owl); // Output: "Hedwig"

var owl = "Errol";
console.log(owl); // Output: "Errol"

Mendeklarasikan Banyak Variabel dalam Satu Perintah

Untuk menghemat waktu (dan mencegah kram tangan dari semua pengetikan itu), Anda dapat mendeklarasikan beberapa variabel dalam satu perintah. Itu seperti mencast beberapa mantra dengan satu geser wicara Anda!

var spell1 = "Expelliarmus",
spell2 = "Expecto Patronum",
spell3 = "Wingardium Leviosa";

Menggunakan Kata Kunci var dalam Loop

Kata kunci var sangat berguna dalam loop. Itu seperti memiliki penghitung magis yang mencatat mantra Anda:

for (var i = 1; i <= 3; i++) {
console.log("Casting spell " + i);
}
// Output:
// Casting spell 1
// Casting spell 2
// Casting spell 3

Namun, hati-hati! Variabel loop i masih akan ada setelah loop berakhir, yang mungkin tidak selalu sesuai yang Anda inginkan.

Deklarasi Dengan Destructuring

Akhirnya, mari kita lihat teknik yang lebih lanjut disebut destructuring. Itu seperti membuka petak penuh barang magis sekali gus:

var [spell, wand, potion] = ["Lumos", "Holly", "Felix Felicis"];
console.log(spell);  // Output: "Lumos"
console.log(wand);   // Output: "Holly"
console.log(potion); // Output: "Felix Felicis"

Ini memungkinkan Anda untuk menugaskan beberapa variabel dari array dalam satu baris kode. Sangat magis, kan?

Sekarang, mari kita rangkum semua metode yang kita pelajari dalam tabel praktis:

Metode Deskripsi Contoh
Deklarasi Dasar Mendeklarasikan variabel tunggal var magicNumber = 42;
Skop Global Mendeklarasikan variabel yang dapat diakses dimana-mana var globalSpell = "Lumos";
Skop Fungsi Mendeklarasikan variabel hanya dapat diakses dalam fungsi function() { var secretSpell = "Alohomora"; }
Hoisting Variabel dipindahkan ke puncak skopnya console.log(x); var x = 5;
Redeclaration Mendeklarasikan variabel yang sama beberapa kali var owl = "Hedwig"; var owl = "Errol";
Deklarasi Banyak Mendeklarasikan banyak variabel dalam satu perintah var spell1 = "Expelliarmus", spell2 = "Expecto Patronum";
Deklarasi Loop Menggunakan var dalam for loop for (var i = 0; i < 5; i++) { ... }
Destructuring Menugaskan banyak variabel dari array var [spell, wand] = ["Lumos", "Holly"];

Dan itu dia, para penyihir muda! Anda baru saja menyelesaikan pelajaran pertama Anda tentang kata kunci var di JavaScript. Ingat, seperti menguasai keterampilan magis apa pun, menjadi ahli dalam JavaScript memerlukan latihan. Jadi terus coding, terus mencoba, dan terutama, terus bersenang-senang! Sampai pelajaran berikutnya, semoga kode Anda bebas dari bug dan variabel Anda selalu terdeklarasi dengan baik!

Credits: Image by storyset