Like & Share:
- Like & Share : Jika ini dapat bermanfaat bagi orang lain? Klik tombol bagikan dan beri tahu mereka!
- Comment : Berikan komentar, komentar spam dan tidak relevan tidak akan pernah dipublikasikan!
- Klik Iklan : Terima kasih atas partisipasi Anda yang berharga. Keterlibatan Anda sangat kami hargai!
TokoDaring.Com – Variabel global JavaScript: Panduan Lengkap untuk Pemula dan Pengembang Lanjutan. Berikut adalah daftar lengkap variabel global bawaan dalam JavaScript yang dibagi per kategori.
Table of Contents
Artikel Blog Post Lainnya: Mengenal Data Types di JavaScript: Fondasi Pemrograman JavaScript.
Variabel Global dalam JavaScript: Panduan Lengkap untuk Pemula dan Pengembang Lanjutan
Dalam JavaScript, variabel adalah fondasi penting dalam pengelolaan data dan logika program. Baik Anda pemula maupun pengembang berpengalaman, memahami cara kerja variabel secara mendalam akan membantu menulis kode yang lebih efisien, aman, dan terstruktur. Artikel ini akan membahas segala hal tentang variabel dalam JavaScript—mulai dari cara deklarasi, tipe data, hingga variabel global dan built-in.
Apa Itu Variabel dalam JavaScript?
Variabel adalah wadah penampung nilai. Dalam JavaScript, kita dapat menyimpan teks, angka, fungsi, objek, dan berbagai jenis data lainnya dalam variabel. JavaScript adalah bahasa dynamically typed, artinya Anda tidak perlu menyebutkan tipe datanya secara eksplisit saat mendeklarasikan variabel.
let nama = "Budi"; // string
let umur = 25; // number
Cara Mendeklarasikan Variabel
JavaScript memiliki tiga cara utama untuk mendeklarasikan variabel:
1. var
Digunakan sejak versi awal JavaScript. Variabel yang dideklarasikan dengan var bersifat function-scoped dan bisa di-declare ulang.
var nama = "TokoDaring";
var nama = "Marketplace"; // Tidak error
2. let
Diperkenalkan di ES6, let bersifat block-scoped dan tidak bisa dideklarasikan ulang dalam scope yang sama.
let produk = "Laptop";
// let produk = "Tablet"; // Akan error
3. const
Juga diperkenalkan di ES6, const digunakan untuk variabel konstanta yang nilainya tidak akan berubah setelah ditetapkan.
const API_KEY = "12345ABC";
// API_KEY = "baru"; // Error
Tipe Data dalam JavaScript
Tipe data dalam JavaScript terbagi menjadi dua kategori besar: primitif dan non-primitif.
Tipe Data Primitif
| Tipe | Contoh |
|---|---|
string | "Hello" |
number | 42, 3.14 |
boolean | true, false |
null | null |
undefined | undefined |
symbol | Symbol('id') |
bigint | 12345678901234567890n |
Tipe Data Non-Primitif (Objek)
| Tipe | Contoh |
|---|---|
Object | {nama: "Budi", umur: 25} |
Array | [1, 2, 3] |
Function | function() {} atau ()=>{} |
Date | new Date() |
Map, Set | new Map(), new Set() |
Variabel Global dan Lingkungan Khusus
Dalam JavaScript, variabel dapat bersifat lokal (dalam blok atau fungsi) maupun global (diakses dari mana saja).
Variabel Global di Browser
windowadalah objek global di browser.- Variabel global otomatis menjadi properti dari
window.
var x = 10;
console.log(window.x); // 10
Variabel Global di Node.js
Di lingkungan Node.js, objek global adalah global bukan window.
global.appName = "TokoDaring";
console.log(global.appName);
Variabel Built-in (Bawaan) JavaScript
JavaScript menyediakan banyak variabel global bawaan yang bisa langsung digunakan, dan dikelompokkan ke dalam beberapa kategori.
1. Global Object
| Objek | Fungsi |
|---|---|
Object | Basis semua objek |
Array | Struktur data daftar |
Function | Objek fungsi |
Promise | Asynchronous handling |
Math | Fungsi matematika |
Date | Waktu dan tanggal |
JSON | Pengolahan data JSON |
2. Konstanta Global
| Konstanta | Penjelasan |
|---|---|
Infinity | Angka tak hingga |
NaN | Not a Number |
undefined | Nilai tidak didefinisikan |
globalThis | Referensi global universal |
3. Fungsi Global
| Fungsi | Fungsi |
|---|---|
parseInt() | Ubah string jadi integer |
parseFloat() | Ubah string jadi desimal |
isNaN() | Cek apakah nilai bukan angka |
eval() | Eksekusi string sebagai kode |
encodeURI() | Encode URI |
decodeURI() | Decode URI |
4. Browser-specific
| Variabel | Fungsi |
|---|---|
window | Objek global utama di browser |
document | DOM HTML |
console | Logging ke konsol |
alert() | Tampilkan dialog pop-up |
fetch() | Ambil data dari server |
Kesalahan Umum dalam Menggunakan Variabel
- Mengakses variabel sebelum deklarasi (
ReferenceError) - Menggunakan
vardi dalam loop (scoping issue) - Tidak membedakan
nulldanundefined - Mengubah nilai
const
Ringkasan, Variabel Global dalam JavaScript: Panduan Lengkap untuk Pemula dan Pengembang Lanjutan
JavaScript menyediakan sistem variabel yang sangat fleksibel, namun butuh pemahaman mendalam agar tidak terjebak dalam bug dan perilaku tak terduga. Pilih antara let, const, dan var sesuai kebutuhan, pahami perbedaan antara undefined dan null, serta manfaatkan variabel global bawaan secara bijak untuk meningkatkan efisiensi dan keamanan kode.
Jika Anda sedang membangun aplikasi modern, memahami dasar-dasar variabel akan menjadi bekal penting. Jangan ragu untuk mengeksplorasi lebih dalam dengan percobaan langsung di console atau code editor Anda.
FAQ (Frequently Asked Questions) Tentang Variabel Global JavaScript
Berikut FAQ informatif tentang Variabel Global JavaScript. FAQ tentang ini melengkapi konten blog Variabel Global JavaScript: Panduan Lengkap untuk Pemula dan Pengembang Lanjutan. Dengan menjawab pertanyaan-pertanyaan utama yang mungkin dimiliki pembaca saat menjelajahi topik yang beragam.
1. Apa bedanya let, var, dan const?
let dan const adalah block-scoped dari ES6, sedangkan var bersifat function-scoped. const tidak bisa di-reassign.
2. Kenapa typeof null menghasilkan "object"?
Itu adalah bug lama di JavaScript yang dipertahankan demi kompatibilitas.
3. Apakah JavaScript variabelnya strongly typed?
Tidak. JavaScript bersifat dynamically typed—variabel dapat berubah tipe saat runtime.
4. Apa gunanya globalThis?
globalThis adalah referensi universal ke objek global, berguna untuk mendukung lintas lingkungan (browser, Node.js, WebWorker).
5. Bagaimana cara mengecek tipe data sebuah variabel?
Gunakan operator typeof.
typeof 123 // "number"
typeof "abc" // "string"
Berikut adalah daftar lengkap variabel global bawaan dalam JavaScript yang dibagi per kategori agar lebih mudah dipahami dan diingat:
🌐 1. Global Objects (Objek Global)
Objek-objek ini tersedia secara langsung di lingkungan JavaScript (seperti browser atau Node.js) tanpa perlu diimpor.
| Objek | Keterangan |
|---|---|
Object | Objek dasar semua objek |
Function | Objek dasar untuk fungsi |
Boolean | Objek untuk nilai boolean |
Symbol | Untuk membuat nilai unik |
Error, TypeError, SyntaxError | Objek untuk penanganan error |
Number, BigInt | Objek untuk bilangan |
Math | Objek untuk operasi matematika |
Date | Objek untuk waktu dan tanggal |
String | Objek untuk teks |
Array | Objek untuk daftar elemen |
RegExp | Objek untuk ekspresi reguler |
Map, WeakMap | Struktur data key-value |
Set, WeakSet | Struktur data kumpulan unik |
Promise | Untuk asynchronous handling |
JSON | Untuk parsing dan stringify JSON |
Intl | Untuk format internasionalisasi |
Reflect | API untuk refleksi objek |
Proxy | Untuk mengintervensi objek |
🧮 2. Global Constants (Konstanta Global)
| Konstanta | Keterangan |
|---|---|
Infinity | Nilai tak hingga |
NaN | “Not a Number” (hasil operasi salah pada angka) |
undefined | Nilai variabel yang belum diinisialisasi |
globalThis | Referensi universal ke global object (window di browser, global di Node.js) |
⚙️ 3. Global Functions (Fungsi Global)
Fungsi ini tersedia tanpa perlu mendeklarasikan apapun:
| Fungsi | Keterangan |
|---|---|
eval() | Mengeksekusi string sebagai kode JavaScript |
isNaN() | Mengecek apakah nilai adalah NaN |
isFinite() | Mengecek apakah nilai adalah angka hingga |
parseInt() | Mengubah string ke bilangan bulat |
parseFloat() | Mengubah string ke bilangan desimal |
decodeURI(), decodeURIComponent() | Dekode URI |
encodeURI(), encodeURIComponent() | Encode URI |
escape() / unescape() | (deprecated) pengkodean string lama |
typeof | Operator untuk mengetahui tipe data |
instanceof | Mengecek apakah objek adalah turunan tertentu |
🖥️ 4. Browser-Specific Global Variables
(Berlaku di lingkungan browser, bukan di Node.js)
| Variabel | Keterangan |
|---|---|
window | Objek global utama di browser |
document | Representasi DOM halaman HTML |
navigator | Informasi tentang browser |
location | URL halaman saat ini |
history | Riwayat navigasi |
console | Logging ke konsol |
alert(), confirm(), prompt() | Dialog pop-up browser |
setTimeout(), setInterval() | Menunda/mengulangi eksekusi fungsi |
clearTimeout(), clearInterval() | Menghentikan timeout/interval |
fetch() | Mengambil data secara asynchronous |
localStorage, sessionStorage | Penyimpanan data lokal di browser |
🌍 5. Node.js Global Variables (jika pakai Node.js)
| Variabel | Keterangan |
|---|---|
global | Objek global di Node (setara window) |
__dirname | Direktori file saat ini |
__filename | Nama file saat ini |
require() | Fungsi untuk mengimpor modul |
module, exports | Modul ekspor/impor |
Iklan Terkait