MDN JavaScript

Setelah course ini selesai, pertanyaan tentang JavaScript tidak ikut berhenti. Method baru muncul saat membaca kode tim, perilaku bawaan perlu dipastikan, fitur bahasa yang baru dirilis perlu ditimbang. Sumber jawaban yang kita pilih menentukan kualitas keputusan: artikel blog bisa ketinggalan versi, jawaban forum bisa hanya benar untuk kasus si penjawab. Sumber resmi — dokumen yang diperbarui bersama perancang teknologinya — adalah penyeimbangnya.

Rujukan pertama yang wajib kita kuasai adalah MDN Web Docs. MDN dikelola Mozilla dan menjadi dokumen acuan utama platform web, termasuk JavaScript. Chapter ini melatih tiga keterampilan yang dipakai terus-menerus setelahnya: menemukan halaman yang tepat, membaca strukturnya, dan mengunci pemahaman dengan eksperimen kecil.

Dua Pintu: Guide dan Reference #

MDN untuk JavaScript bukan satu dokumen raksasa. Kontennya terbagi menjadi dua jenis halaman dengan tugas berbeda, dan memilih pintu masuk yang benar mempercepat pencarian sejak detik pertama:

Keduanya berangkat dari pintu utama yang sama: https://developer.mozilla.org/en-US/docs/Web/JavaScript . Dari sana, tautan Guide membawa kita ke materi bertahap, sedangkan Reference membawa ke daftar API lengkap.

Pembagian pertanyaannya sederhana. “Bagaimana cara kerja konsep object secara umum?” adalah pertanyaan Guide. “Parameter kedua slice itu artinya apa lagi?” adalah pertanyaan Reference. Salah pintu biasanya tidak salah mutlak, tetapi membuat pencarian jadi berputar-putar.

Satu catatan tentang bahasa: MDN tersedia dalam banyak terjemahan, termasuk Indonesia untuk sebagian halaman, tetapi versi Inggris selalu paling lengkap dan paling cepat diperbarui. Bila terjemahan terasa janggal atau informasinya terasa jadul, kembali ke versi Inggrisnya.

Course ini mengikuti pola serupa: bab-bab awal berperan seperti Guide, dan section Sumber Belajar ini mengajak kita membiasakan diri dengan Reference — halaman yang akan terus dibuka sampai jauh setelah course selesai.

Anatomi Halaman Method #

Halaman yang paling sering kita buka adalah halaman method. Ambil contoh https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice — halaman resmi Array.prototype.slice. Hampir semua halaman method tersusun dari bagian-bagian berikut:

• Breadcrumb dan judul — posisi halaman dalam pohon API: milik Array, berupa instance method bernama slice().
• Ringkasan — satu-dua kalimat tentang apa yang dilakukan method tersebut.
• Sintaks — bentuk pemanggilan lengkap beserta nama parameter.
• Parameters — tipe dan arti tiap parameter, termasuk nilai bawaan bila ada.
• Return value — jenis nilai yang dikembalikan; bagian ini menentukan apa saja yang boleh dilakukan terhadap hasilnya.
• Examples — contoh pemakaian yang bisa disalin ke terminal dan dicoba langsung.
• Specifications dan Browser compatibility — tautan ke bagian spesifikasi ECMA-262 dan tabel dukungan browser. Tabel ini dibedah tuntas pada chapter Browser Compatibility.

Urutan membacanya tidak harus mengikuti susunan halaman. Bagian yang paling sering salah ditebak adalah kembalian, jadi kita sarankan membaca Return value lebih dulu, melanjutkan ke Parameters, lalu menutup dengan Examples untuk melihat bentuk nyatanya.

Struktur ini tidak hanya milik halaman method. Halaman properti (misalnya String.prototype.length), halaman constructor, sampai halaman statement memakai kerangka yang sama: sintaks, uraian parameter atau bentuk pemakaian, return value atau efeknya, contoh, lalu specifications dan tabel kompatibilitas. Konsistensi inilah yang membuat keterampilan membaca satu halaman langsung terbawa ke seluruh situs.

Mengunci Klaim Halaman dengan Eksperimen Kecil #

Membaca docs sekali biasanya belum cukup agar perilakunya menempel di kepala. Cara tercepat membuat klaim halaman MDN menjadi milik kita adalah mengubah klaim itu menjadi eksperimen kecil: pilih dua-tiga pernyataan utama dari halaman, tulis kode yang membuktikan masing-masing pernyataan, lalu bandingkan keluarannya dengan teks halaman.

Halaman Array.prototype.slice menjanjikan tiga hal yang mudah diuji: indeks negatif dihitung dari akhir array, potongan berhenti sebelum indeks end, dan hasilnya array baru yang berdiri sendiri. Ketiganya kita kunci dalam satu berkas:

// uji-slice.js — memverifikasi klaim halaman MDN Array.prototype.slice
// Jalankan di terminal: node uji-slice.js

const abjad = ["a", "b", "c", "d", "e"];

// Klaim MDN: indeks negatif dihitung dari akhir array.
console.log(abjad.slice(-2));

// Klaim MDN: potongan berhenti sebelum indeks end.
console.log(abjad.slice(1, 3));

// Klaim MDN: slice mengembalikan array baru, array asli tidak berubah.
const potongan = abjad.slice(0, 2);
potongan[0] = "A";
console.log(abjad[0], potongan[0]);

Output yang Dihasilkan:

[ 'd', 'e' ]
[ 'b', 'c' ]
a A

Mari kita telaah bagaimana tiap eksperimen terhubung ke bagian halaman MDN yang klaimnya diuji:

1. Baris 7 (abjad.slice(-2)): bagian Parameters menuliskan bahwa indeks negatif dihitung mundur dari akhir array. Keluaran [ 'd', 'e' ] membuktikannya: dua elemen terakhir yang diambil.
2. Baris 10 (abjad.slice(1, 3)): parameter end tidak ikut dipotong. Hasilnya hanya elemen di indeks 1 dan 2 — "b" dan "c" — sesuai uraian Parameters dan Return value.
3. Baris 13–15 (potongan[0] = "A"): Return value menyatakan hasilnya array baru. Karena itu mengubah potongan tidak menyentuh abjad: keluaran a A menunjukkan keduanya kini bernilai berbeda.

Eksperimen semacam ini murah: sepuluh baris kode, sekali jalankan. Manfaatnya menetap — klaim resmi berubah menjadi pengalaman yang pernah kita jalankan sendiri, bukan sekadar kalimat yang pernah dibaca.

Tiga Cara Menemukan Halaman #

• Menebak dari pola URL. Halaman method selalu berada di .../Reference/Global_Objects/<Nama>/<method>. Begitu pola ini dikenali, Array/slice atau JSON/parse bisa diketik langsung ke alamat browser.
• Mesin pencari dengan filter site:. Membatasi hasil pada satu situs membuat pencarian jauh lebih tajam:

Array.prototype.map site:developer.mozilla.org

• Kolom pencarian di MDN. Mengetik slice di kolom pencarian situs menampilkan saran yang langsung mengarah ke halaman Reference yang benar.

Ketika mesin pencari menampilkan artikel blog dan halaman MDN sekaligus, biasakan mulai dari MDN untuk memastikan perilaku resmi, lalu baca artikel lain untuk melihat cara orang lain memakainya dalam konteks.

Dengan MDN, pertanyaan “apa arti method ini?” terjawab. Kadang, bagian Specifications halaman MDN menautkan istilah yang tidak dijelaskan lebih jauh — istilah dari spesifikasi bahasa itu sendiri. Chapter berikutnya membawa kita satu lapis lebih dalam: dokumen ECMA-262.

// uji-slice.js — memverifikasi klaim halaman MDN Array.prototype.slice
// Jalankan di terminal: node uji-slice.js

const abjad = ["a", "b", "c", "d", "e"];

// Klaim MDN: indeks negatif dihitung dari akhir array.
console.log(abjad.slice(-2));

// Klaim MDN: potongan berhenti sebelum indeks end.
console.log(abjad.slice(1, 3));

// Klaim MDN: slice mengembalikan array baru, array asli tidak berubah.
const potongan = abjad.slice(0, 2);
potongan[0] = "A";
console.log(abjad[0], potongan[0]);