0Pricing
TypeScript Academy · Pelajaran

Tambahan TypeScript untuk JavaScript

Pelajari cara TypeScript memperluas JavaScript dengan tipe statis.

Tambahan TypeScript untuk JavaScript adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 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

TypeScript adalah perluasan JavaScript yang menambahkan anotasi tipe. Dalam pelajaran ini, Anda akan mempelajari secara tepat hal-hal yang ditambahkan TypeScript di atas JavaScript biasa.

TypeScript adalah Perluasan

Setiap berkas JavaScript yang valid juga merupakan TypeScript yang valid. Anda dapat mengganti nama berkas .js menjadi .ts dan berkas tersebut akan dikompilasi. TypeScript hanya menambahkan fitur, tidak pernah menghapus sintaksis JavaScript.

Anotasi Tipe

Penambahan yang paling terlihat adalah anotasi tipe. Anda mendeklarasikan tipe variabel, parameter, atau nilai hasil setelah tanda titik dua.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Pemeriksaan Tipe Saat Kompilasi

TypeScript memeriksa tipe sebelum kode Anda dijalankan. Jika Anda menetapkan tipe yang salah, kompilator melaporkan kesalahan, bukan menyebabkan kerusakan saat program dijalankan.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Antarmuka dan Alias Tipe

TypeScript menambahkan antarmuka dan alias tipe untuk menjelaskan bentuk objek. Keduanya hanya ada saat kompilasi dan tidak menghasilkan keluaran JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Enumerasi

Enumerasi memungkinkan Anda mendefinisikan sekumpulan konstanta bernama. Berbeda dari antarmuka, enumerasi memang menghasilkan kode JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Generik

Generik memungkinkan Anda menulis kode yang bekerja dengan tipe apa pun sekaligus tetap aman secara tipe. Generik merupakan fitur utama TypeScript untuk membuat utilitas yang dapat digunakan kembali.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Pengubah Akses pada Kelas

TypeScript menambahkan pengubah publik, privat, dan terlindungi ke kelas. JavaScript memiliki sintaksis # untuk anggota privat, tetapi pengubah TypeScript diperiksa saat kompilasi.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Tipe yang Tidak Bernilai Null

Dengan strictNullChecks diaktifkan, null dan nilai yang tidak terdefinisi tidak otomatis dapat ditetapkan ke setiap tipe. Anda harus mengizinkannya secara eksplisit menggunakan tipe gabungan.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript Menghapus Tipe Saat Program Dijalankan

Semua anotasi tipe TypeScript dihapus selama kompilasi. Hasil keluarannya adalah JavaScript biasa; tidak ada informasi tipe saat program dijalankan.

Alat Pengembangan IDE yang Lebih Baik

Dengan informasi tipe, IDE dapat menyediakan pelengkapan otomatis yang akurat, dokumentasi sebaris, penggantian nama yang aman, dan pencarian semua referensi di seluruh proyek Anda.

Pemeriksaan Singkat

Apa yang terjadi pada anotasi tipe TypeScript saat kode dikompilasi?

Rangkuman

TypeScript memperluas JavaScript dengan anotasi tipe, antarmuka, enumerasi, generik, dan pengubah akses. Semua informasi tipe dihapus saat kompilasi. Hasilnya adalah JavaScript yang lebih aman dan lebih mudah digunakan bersama alat pengembangan.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Tambahan TypeScript untuk JavaScript” gratis?

Ya — teks lengkap “Tambahan TypeScript untuk JavaScript” 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 “Tambahan TypeScript untuk JavaScript”?

Pelajari cara TypeScript memperluas JavaScript dengan tipe statis. 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 2 dari 4.

Berapa lama pelajaran “Tambahan TypeScript untuk JavaScript” 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