0Pricing
TypeScript Academy · Pelajaran

Inferensi Tipe dan Pengetikan Kontekstual

Pelajari cara TypeScript menyimpulkan tipe secara otomatis

Inferensi Tipe dan Pengetikan Kontekstual adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. 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 3 pelajaran total.

Apa Itu Inferensi Tipe?

Apa Itu Inferensi Tipe?

Inferensi tipe adalah fitur dalam TypeScript yang secara otomatis menentukan tipe suatu variabel atau ekspresi berdasarkan nilainya.

Misalnya, ketika Anda menulis let age = 25;, TypeScript menyimpulkan bahwa age bertipe number.

Inferensi Tipe dan Pengetikan Kontekstual — ilustrasi 1

Manfaat Inferensi Tipe

Manfaat Inferensi Tipe

Inferensi tipe mengurangi kebutuhan untuk mendeklarasikan tipe secara eksplisit, sehingga kode Anda lebih bersih dan lebih mudah ditulis.

Inferensi tipe juga membantu TypeScript menemukan kesalahan selama pengembangan, sehingga keamanan tipe tetap terjaga tanpa menambahkan anotasi tambahan.

Contoh Inferensi Tipe

Contoh Inferensi Tipe

Berikut beberapa contohnya: 

  • let message = 'Hello'; - TypeScript menyimpulkan tipenya sebagai string. 
  • const isActive = true; - TypeScript menyimpulkan tipenya sebagai boolean.

Inferensi tipe juga berfungsi pada nilai yang dikembalikan fungsi:

function add(a: number, b: number) {
  return a + b;
}

Apa Itu Pengetikan Kontekstual?

Apa Itu Pengetikan Kontekstual?

Pengetikan kontekstual terjadi ketika TypeScript menetapkan tipe ke suatu variabel berdasarkan konteks di sekitarnya.

Misalnya, saat menggunakan pendengar peristiwa, TypeScript menyimpulkan tipe parameter event:

document.addEventListener('click', (event) => {
  console.log(event.clientX); // TypeScript knows event is a MouseEvent
});
document.addEventListener('click', (event) => {
  console.log(event.clientX);
});

Manfaat Pengetikan Kontekstual

Manfaat Pengetikan Kontekstual

Pengetikan kontekstual meningkatkan pengalaman pengembang dengan mengurangi kebutuhan akan anotasi tipe secara manual.

Pengetikan ini membantu menemukan kesalahan dan memastikan bahwa Anda bekerja dengan tipe yang tepat dalam konteks tertentu.

Skenario Umum untuk Inferensi Tipe

Skenario Umum untuk Inferensi Tipe

TypeScript melakukan inferensi dalam banyak situasi, seperti:

  • Inisialisasi variabel: let name = 'John';
  • Nilai yang dikembalikan fungsi: function greet() { return 'Hello'; }
  • Nilai array: let numbers = [1, 2, 3]; (disimpulkan sebagai number[]).

Kapan Menggunakan Tipe Eksplisit

Kapan Menggunakan Tipe Eksplisit

Meskipun inferensi tipe TypeScript sangat kuat, ada beberapa kasus ketika tipe eksplisit lebih baik:

  • Ketika tipenya ambigu atau kompleks.
  • Untuk parameter fungsi agar kejelasannya terjamin.
  • Untuk API publik, karena tipe eksplisit meningkatkan keterbacaan dan kemudahan pemeliharaan.

Latihan: Inferensi Tipe dan Pengetikan Kontekstual

Latihan: Inferensi Tipe dan Pengetikan Kontekstual

Tulislah fungsi yang menerima dua angka sebagai masukan dan mengembalikan jumlahnya. TypeScript akan menyimpulkan tipenya untuk Anda!

Contoh:

function addNumbers(a, b) {
  return a + b;
}
function addNumbers(a, b) {
  return a + b;
}

Kerja Bagus!

Kerja Bagus!

Anda telah mempelajari cara TypeScript menggunakan inferensi tipe dan pengetikan kontekstual untuk membuat kode Anda efisien dan aman secara tipe. Terus jelajahi fitur-fitur canggih TypeScript untuk meningkatkan keterampilan pemrograman Anda!

Inferensi Tipe dan Pengetikan Kontekstual — ilustrasi 9

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Inferensi Tipe dan Pengetikan Kontekstual” gratis?

Ya — teks lengkap “Inferensi Tipe dan Pengetikan Kontekstual” 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 3 pelajaran total.

Apa yang akan aku pelajari di “Inferensi Tipe dan Pengetikan Kontekstual”?

Pelajari cara TypeScript menyimpulkan tipe secara otomatis 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 3.

Berapa lama pelajaran “Inferensi Tipe dan Pengetikan Kontekstual” 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. Inferensi Tipe dan Pengetikan Kontekstual
  2. Dekorator dalam TypeScript
  3. Modul dan Ruang Nama TypeScript
← Kembali ke TypeScript Academy