0Pricing
TypeScript Academy · Pelajaran

Titik Masalah JavaScript: Bug Runtime

Jelajahi bug JavaScript umum yang hanya muncul saat runtime.

Titik Masalah JavaScript: Bug Runtime adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat Datang

Dalam pelajaran ini, kita akan membahas kekeliruan saat dijalankan yang mendorong terciptanya TypeScript. JavaScript memang fleksibel, tetapi fleksibilitas tersebut dapat menyebabkan kesalahan yang sulit ditemukan.

Kekeliruan Pemaksaan Tipe secara Diam-Diam

JavaScript secara diam-diam mengonversi tipe. Menambahkan angka ke teks menghasilkan teks, bukan kesalahan. Hal ini menyebabkan perilaku yang tidak terduga saat program dijalankan.
// JavaScript
let total = 5 + '10'; // '510' not 15
console.log(total);   // '510'

Mengakses Properti yang Tidak Terdefinisi

JavaScript memungkinkan akses ke properti yang tidak ada pada objek. Hasilnya adalah `undefined`, bukan kesalahan, dan kondisi ini sering menyebar secara diam-diam.
const user = { name: 'Alice' };
console.log(user.age); // undefined — no error thrown

Memanggil Nilai yang Bukan Fungsi

Jika sebuah variabel menyimpan nilai yang bukan fungsi dan Anda memanggilnya, JavaScript menimbulkan TypeError hanya saat program dijalankan, bukan selama pengembangan.
const greet = 'hello';
greet(); // TypeError: greet is not a function

Kesalahan Ketik pada Nama Properti

Kesalahan ketik pada nama properti menghasilkan `undefined` tanpa peringatan. Kekeliruan ini sulit ditemukan dalam basis kode yang besar.
const config = { timeout: 3000 };
console.log(config.tiemout); // undefined — typo goes unnoticed

Tipe Argumen yang Salah

Fungsi JavaScript menerima argumen apa pun. Meneruskan tipe yang salah menghasilkan keluaran yang tidak terduga, bukan kesalahan yang jelas.
function double(n) { return n * 2; }
console.log(double('5')); // 10 — but '5' * 2 uses coercion

Kerusakan akibat Dereferensi Null

Salah satu kerusakan paling umum saat program dijalankan adalah mengakses properti pada null atau nilai yang tidak terdefinisi. Pemeriksaan null ketat TypeScript mencegah jenis kekeliruan ini.
let element = document.querySelector('.missing');
console.log(element.textContent); // TypeError: Cannot read properties of null

Masalah Pemfaktoran Ulang

Saat Anda mengganti nama fungsi atau properti dalam JavaScript biasa, tidak ada alat yang dapat menemukan semua penggunaannya secara andal. Sistem tipe TypeScript memungkinkan pemfaktoran ulang yang aman di seluruh basis kode yang besar.

Kesalahan Saat Dijalankan vs Saat Kompilasi

Kesalahan JavaScript muncul saat program dijalankan, sering kali di lingkungan produksi. TypeScript menemukan banyak kesalahan tersebut saat kompilasi, sebelum kode Anda dijalankan.

Dukungan IDE Menurun Tanpa Tipe

Tanpa informasi tipe, IDE Anda tidak dapat menyediakan pelengkapan otomatis, perpindahan ke definisi, atau penggantian nama melalui pemfaktoran ulang secara andal. Tipe membuat alat pengembangan jauh lebih baik.

Skala Mengungkap Masalah

Skrip kecil berjalan baik dalam JavaScript. Namun, saat proyek berkembang hingga memiliki ribuan berkas dan banyak kontributor, ketiadaan tipe menjadi sumber utama kekeliruan dan beban pemeliharaan.

Pemeriksaan Singkat

Perilaku JavaScript mana yang dibantu dicegah oleh pemeriksaan null ketat TypeScript?

Rangkuman

Fleksibilitas JavaScript, termasuk pemaksaan tipe, properti yang tidak terdefinisi, dan ketiadaan pemeriksaan argumen, menyebabkan kekeliruan diam-diam yang baru muncul saat program dijalankan. TypeScript dibuat untuk menemukan kesalahan ini sebelum kode dijalankan.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Titik Masalah JavaScript: Bug Runtime” gratis?

Ya — teks lengkap “Titik Masalah JavaScript: Bug Runtime” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Titik Masalah JavaScript: Bug Runtime”?

Jelajahi bug JavaScript umum yang hanya muncul saat runtime. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Titik Masalah JavaScript: Bug Runtime” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Titik Masalah JavaScript: Bug Runtime
  2. Tambahan TypeScript untuk JavaScript
  3. Mengompilasi TypeScript ke JavaScript
  4. Kapan Menggunakan TypeScript dalam Proyek Anda
← Kembali ke TypeScript Academy