ruang kerja

TypeScript

jalur praktis untuk belajar TypeScript dari nol

definisi dulu

apa itu TypeScript

TypeScript dipakai untuk menulis instruksi tepat. Di sini kamu memakainya sebagai jalur praktis untuk belajar TypeScript dari nol. Model awalnya sederhana: input melewati langkah lalu menjadi output.

fakta minimumfile app.tsjalankan tsc app.ts && node app.jskebiasaan pelajari satu bagian kecil TypeScript, ketik contoh minimal, lalu jalankan
program

urutan instruksi yang dijalankan dengan jelas.

nilai dan variabel

nilai adalah data. variabel adalah nama untuk menyimpan data.

fungsi

pekerjaan kecil bernama yang menerima input dan menghasilkan hasil.

runtime

TypeScript compiler then Node.js menjalankan kode dari app.ts.

kode pertama yang mudah dibaca

Typed values

string number boolean array object
const name: string = "Ada";
console.log(name);
output Ada

silsilah bahasa

pohon TypeScript

lihat asal TypeScript, bahasa yang dekat, dan langkah belajar berikutnya.

akar
JavaScriptJavaC#
sekarangTypeScriptkeluarga bahasa web dan antarmuka
keluargakeluarga bahasa web dan antarmuka
cocok untuk

cocok untuk jalur praktis untuk belajar TypeScript dari nol

mulai dari nol

1baca satu aturan2tebak keluaran3ketik dari ingatan4jalankan cek5ulang dengan satu perubahan

Bank soal

Cari lalu latihan

Pilih tahap atau cari soal pada bahasa ini lalu buka latihan.

18 hasil
Q 1PilihanTahap 1 definisi

TypeScript soal 1

TypeScript soal 1. Pilih pernyataan yang paling cocok dengan type annotation.

Q 2PilihanTahap 1 definisi

TypeScript soal 2

TypeScript soal 2. Pilih pernyataan yang paling cocok dengan interface shape.

Q 3PilihanTahap 1 definisi

TypeScript soal 3

TypeScript soal 3. Pilih pernyataan yang paling cocok dengan union narrowing.

Q 4PilihanTahap 1 definisi

TypeScript soal 4

TypeScript soal 4. Pilih pernyataan yang paling cocok dengan generic array.

Q 5PilihanTahap 1 definisi

TypeScript soal 5

TypeScript soal 5. Pilih pernyataan yang paling cocok dengan type annotation.

Q 6PilihanTahap 1 definisi

TypeScript soal 6

TypeScript soal 6. Pilih pernyataan yang paling cocok dengan interface shape.

Q 7PilihanTahap 1 definisi

TypeScript soal 7

TypeScript soal 7. Pilih pernyataan yang paling cocok dengan union narrowing.

Q 8PilihanTahap 1 definisi

TypeScript soal 8

TypeScript soal 8. Pilih pernyataan yang paling cocok dengan generic array.

Q 9PilihanTahap 1 definisi

TypeScript soal 9

TypeScript soal 9. Pilih pernyataan yang paling cocok dengan type annotation.

Q 10PilihanTahap 1 definisi

TypeScript soal 10

TypeScript soal 10. Pilih pernyataan yang paling cocok dengan interface shape.

Q 11PilihanTahap 1 definisi

TypeScript soal 11

TypeScript soal 11. Pilih pernyataan yang paling cocok dengan union narrowing.

Q 12PilihanTahap 1 definisi

TypeScript soal 12

TypeScript soal 12. Pilih pernyataan yang paling cocok dengan generic array.

Q 13PilihanTahap 1 definisi

TypeScript soal 13

TypeScript soal 13. Pilih pernyataan yang paling cocok dengan type annotation.

Q 14PilihanTahap 1 definisi

TypeScript soal 14

TypeScript soal 14. Pilih pernyataan yang paling cocok dengan interface shape.

Q 15PilihanTahap 1 definisi

TypeScript soal 15

TypeScript soal 15. Pilih pernyataan yang paling cocok dengan union narrowing.

Q 16PilihanTahap 1 definisi

TypeScript soal 16

TypeScript soal 16. Pilih pernyataan yang paling cocok dengan generic array.

Q 17PilihanTahap 1 definisi

TypeScript soal 17

TypeScript soal 17. Pilih pernyataan yang paling cocok dengan type annotation.

Q 18PilihanTahap 1 definisi

TypeScript soal 18

TypeScript soal 18. Pilih pernyataan yang paling cocok dengan interface shape.

pilihan ganda

TypeScript soal 1

Q 1Pilihanbaru

TypeScript soal 1. Pilih pernyataan yang paling cocok dengan type annotation.

const age: number = 18;

referensi

pola untuk app.ts

TypeScript compiler then Node.jstsc app.ts && node app.js
ingat dari memoribaca satu poin lalu tulis ulang tanpa melihat
telusuri kodecatat nilai variabel sebelum menjalankan
ketik sendirikurangi salin lebih banyak mengetik dan perbaiki satu error

string number boolean array object

Typed values

const name: string = "Ada";
console.log(name);
  • Type public data shapes
  • Let local inference work
  • Fix red squiggles early

object contracts reusable shapes

Interfaces

interface User { name: string }
const user: User = { name: "Ada" };
console.log(user.name);
  • Interfaces describe object shape
  • Prefer exact fields
  • Use readable names

unknown union guard safe access

Narrowing

function label(x: string | number) {
  return typeof x === "string" ? x.toUpperCase() : x + 1;
}
  • Check before using
  • Use typeof and in
  • Avoid any when learning