Fungsi panah & pengetikan kontekstual
Gunakan fungsi panah dengan percaya diri dan lihat bagaimana pengetikan kontekstual menyimpulkan tipe parameter/pengembalian dari penggunaannya.
Fungsi panah & pengetikan kontekstual adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
Mengapa fungsi panah & konteks?
Fungsi panah menyediakan sintaks ringkas dan this leksikal. Dengan pengetikan kontekstual, TypeScript menyimpulkan tipe parameter dan kembalian dari penggunaannya (misalnya, metode larik), sehingga Anda menulis lebih sedikit kode tambahan tanpa mengorbankan keamanan.
Dasar-dasar fungsi panah
Berikan anotasi pada parameter dan nilai kembalian jika hal itu memperjelas kode. Fungsi panah bersifat ringkas dan mempertahankan this dari konteks sekitarnya, tidak seperti deklarasi fungsi.
// Arrow syntax: parameters => expression/body
const greet = (name: string): string => {
return `Hello, ${name}`;
};
console.log(greet("Ada"));Konteks melalui map
Pengetikan kontekstual: map mengetahui tipe elemen, sehingga parameter fungsi panah disimpulkan sebagai number dan hasilnya sebagai number[].
// Context supplies types: numbers.map expects (n:number)=>number
const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2); // n inferred as number
console.log(doubled);Nilai kembalian hasil inferensi
API bertipe (Promise, metode larik) membantu inferensi untuk parameter dan nilai kembalian, sehingga kebutuhan akan anotasi eksplisit berkurang.
// Promise.then infers the callback parameter and return type
const toLength = (s: string) => s.length;
Promise.resolve("TS")
.then(s => toLength(s)) // s inferred as string
.then(len => console.log(len));Parameter opsional & bawaan
Fungsi panah mendukung parameter bawaan dan opsional. Persempit tipe atau sediakan nilai pengganti (misalnya, ??) sebelum menggunakan parameter opsional.
// Optional + default with arrows
const padLeft = (text: string, width = 2, ch?: string): string => {
const fill = (ch ?? " ").repeat(Math.max(0, width));
return fill + text;
};
console.log(padLeft("X")); // default width 2, default char " "
console.log(padLeft("X", 4, "."));Hal-hal yang perlu dihindari
Hal-hal yang perlu dihindari:
- Anotasi berlebihan mengganggu inferensi; mulailah dari yang minimal.
- Gunakan penjelasan eksplisit saat API tidak memiliki tipe (any) atau maksudnya tidak jelas.
- Ingat bahwa fungsi panah menangkap this secara leksikal—sangat baik untuk fungsi pemanggilan balik, tetapi hindari jika diperlukan this yang dinamis.
Pemeriksaan pengetikan kontekstual
Pemeriksaan singkat: Apa arti “pengetikan kontekstual” untuk fungsi panah?
Ringkasan & langkah berikutnya
Ringkasan: Fungsi panah menyediakan sintaks ringkas dan this leksikal. Pengetikan kontekstual memungkinkan penggunaan menentukan inferensi, sehingga fungsi pemanggilan balik tetap singkat sekaligus aman terhadap kesalahan tipe.
Belajar TypeScript dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 101
- Pelajaran
- 352
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Fungsi panah & pengetikan kontekstual” gratis?
Ya — teks lengkap “Fungsi panah & 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 “Fungsi panah & pengetikan kontekstual”?
Gunakan fungsi panah dengan percaya diri dan lihat bagaimana pengetikan kontekstual menyimpulkan tipe parameter/pengembalian dari penggunaannya. 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 3 dari 3.
Berapa lama pelajaran “Fungsi panah & 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
- If/else, switch, perulangan; truthiness dan pemeriksaan ketat
- Fungsi: parameter, bawaan/opsional/rest; tipe pengembalian
- Fungsi panah & pengetikan kontekstual