React.js
  • Roadmap belajar React.js
  • Tahap 1: Dasar-dasar JavaScript
    • Apa itu JavaScript dan kegunaannya
    • Sejarah dan perkembangan JavaScript
    • Apa itu Node.js dan hubungannya dengan JavaScript
    • Cara instal Node.js
    • Cara menjalankan JavaScript di Node.js
    • Variabel dalam JavaScript
    • Tipe data dalam JavaScript
    • Operator dalam JavaScript
    • Truly dan Falsy dalam JavaScript
    • Kondisional dalam JavaScript
    • Looping dalam JavaScript
    • Fungsi dalam JavaScript
    • Parameter dan Return Value dalam JavaScript
    • DOM di JavaScript dan Cara manipulasinya
    • Event Handling dalam JavaScript
    • Try, catch, dan finally dalam JavaScript
    • Callback dalam JavaScript
    • Promise dalam JavaScript
    • Async dan Await dalam JavaScript
  • Tahap 2: JavaScript Lanjutan
    • OOP dalam JavaScript
    • ES6
    • LocalStorage dalam JavaScript
    • FetchAPI dalam JavaScript
  • Tahap 3: Memulai dengan React.js
    • Apa itu React?
    • Konsep Virtual DOM
    • Apa itu JSX?
    • Langkah-langkah Setup Project React.js
    • Apa itu Komponen dalam React?
    • Apa itu Props dan State dalam React?
    • Apa itu Event Handling dalam React?
    • Apa itu Component Lifecycle dalam React?
    • Apa itu Hooks dalam React?
    • Apa itu Custom Hooks dalam React?
  • Tahap 4: React Lanjutan
    • Apa itu Context API dalam React?
    • Apa itu State Management (Redux)?
    • Apa itu Routing di React?
    • Apa itu Dynamic Routing, Private Routing, dan Nested Routing?
    • Cara menulis CSS di React
    • Cara Menggunakan Bootstrap di React
    • Cara Menggunakan Tailwind CSS di React
    • Cara Fetching data dari API di React
    • Cara Menampilkan data dinamis di React
    • Error handling dalam pengambilan data
    • Cara Testing komponen di React
    • End-to-end testing dengan Cypress atau Selenium
Powered by GitBook
On this page
  1. Tahap 1: Dasar-dasar JavaScript

Variabel dalam JavaScript

PreviousCara menjalankan JavaScript di Node.jsNextTipe data dalam JavaScript

Last updated 9 months ago

Variabel (var, let, const) dalam JavaScript

Variabel dalam JavaScript digunakan untuk menyimpan nilai yang dapat digunakan atau diubah dalam program. Ada tiga cara untuk mendeklarasikan variabel di JavaScript: var, let, dan const. Berikut adalah perbedaan antara ketiganya:

Fitur

var

let

const

Scope

Function-scoped

Block-scoped

Block-scoped

Reassign Value

Yes

Yes

No (immutable)

Hoisting

Yes (hanya deklarasi)

Yes (tidak boleh digunakan sebelum deklarasi)

Yes (tidak boleh digunakan sebelum deklarasi)

Penjelasan Singkat:

  1. Scope:

    • var: Variabel var diberlakukan sebagai variabel yang bersifat function-scoped. Ini berarti variabel var hanya dapat diakses di dalam fungsi di mana itu dideklarasikan.

    • let dan const: Kedua variabel ini adalah block-scoped, artinya mereka hanya dapat diakses di dalam blok di mana mereka dideklarasikan (seperti blok { ... }, fungsi, atau modul).

  2. Reassign Value:

    • var dan let: Keduanya memungkinkan untuk menetapkan ulang nilai variabel setelah deklarasi awal.

    • const: Variabel yang dideklarasikan dengan const tidak dapat ditugaskan kembali setelah pertama kali nilainya ditetapkan. Namun, untuk objek dan array yang dideklarasikan dengan const, properti mereka dapat dimutasi.

  3. Hoisting:

    • var: Variabel var akan di-"hoist" (dinaikkan) ke atas lingkup fungsinya, yang berarti deklarasi variabel var dapat diakses sebelum sebenarnya dideklarasikan dalam kode.

    • let dan const: Kedua variabel ini tidak di-"hoist" dalam arti bahwa mereka tidak dapat digunakan sebelum mereka dideklarasikan dalam kode.

Contoh Penggunaan

Penggunaan var

var x = 10;
function exampleVar() {
    var y = 20;
    console.log(x);  // Output: 10
    console.log(y);  // Output: 20
}
console.log(x);      // Output: 10
console.log(y);      // Error: y is not defined

  • var memiliki cakupan fungsi.

  • x bisa diakses di dalam dan di luar fungsi.

  • y hanya bisa diakses di dalam fungsi.

Penggunaan let

let a = 30;
function exampleLet() {
    let b = 40;
    console.log(a);  // Output: 30
    console.log(b);  // Output: 40
}
console.log(a);      // Output: 30
console.log(b);      // Error: b is not defined

  • let memiliki cakupan blok.

  • a bisa diakses di dalam dan di luar fungsi.

  • b hanya bisa diakses di dalam blok fungsi.

Penggunaan const

const PI = 3.14;
PI = 3.14159;  // Error: Assignment to constant variable

  • const juga memiliki cakupan blok.

  • Nilai const tidak bisa diubah setelah dideklarasikan.

Sumber

  • MDN Web Docs - var

  • MDN Web Docs - let

  • MDN Web Docs - const

Tabel di atas memberikan gambaran singkat tentang perbedaan antara var, let, dan const dalam JavaScript. Jika ada pertanyaan lebih lanjut atau memerlukan penjelasan tambahan, silakan tanyakan!