TypeScript Academy · Pelajaran

Bendera keketatan

Aktifkan keketatan untuk kod yang lebih selamat: strict, noImplicitAny, exactOptionalPropertyTypes, noUncheckedIndexedAccess.

Pelajaran 1 daripada 38 langkah

Bendera keketatan ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran TypeScript Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus TypeScript Academy merangkumi sejumlah 3 pelajaran.

Pengenalan

Matlamat: Dayakan dan fahami pilihan utama ketegasan. Pilihan ini mengesan ralat lebih awal dan menambah baik petunjuk IDE.

  • strict
  • noImplicitAny
  • exactOptionalPropertyTypes
  • noUncheckedIndexedAccess

strict + noImplicitAny

strict mengaktifkan sekumpulan pemeriksaan; noImplicitAny melarang parameter atau pemboleh ubah tanpa jenis yang secara lalai menjadi any.

// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "strict": true,
    "noImplicitAny": true
  }
}

// Effect demo
function sum(a, b) { // Error: implicit any
  return a + b;
}

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

exactOptionalPropertyTypes

exactOptionalPropertyTypes membezakan antara tiada dengan ada tetapi undefined—sangat berguna untuk pemodelan API.

// exactOptionalPropertyTypes: true
interface User { name?: string }

const u1: User = {};          // ok: name is absent
const u2: User = { name: undefined }; // Error when exactOptionalPropertyTypes is true

function greet(u: User) {
  if ("name" in u) {
    // name exists but could be undefined without this flag
    console.log("Hi", u.name);
  }
}

Akses terindeks (tatasusunan)

Mengindeks tatasusunan kini menghasilkan T | undefined. Periksa nilai itu sebelum menggunakannya bagi mengelakkan ranap masa jalan.

// noUncheckedIndexedAccess: true
const xs: number[] = [1,2,3];
const maybe = xs[5]; // type: number | undefined
if (maybe !== undefined) {
  console.log(maybe.toFixed(0));
}

Akses terindeks (peta)

Hasil pengindeksan objek dan Record<K,V> merangkumi undefined sehingga kewujudannya dibuktikan.

// Also affects records/maps
const byId: Record<string, { id: string }> = {};
const item = byId["x"]; // { id: string } | undefined
if (item) {
  console.log(item.id);
}

Pratetap ketat

Mulakan dengan strict dan longgarkan hanya jika perlu. Pilihan ini menghalang pepijat biasa dengan gangguan minimum dalam kod baharu.

// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "strict": true,
    "noImplicitAny": true,
    "exactOptionalPropertyTypes": true,
    "noUncheckedIndexedAccess": true
  }
}

Semakan akses terindeks

Semakan pantas: Apakah perubahan yang dibuat oleh noUncheckedIndexedAccess?

Imbas kembali

Imbas kembali: strict mengaktifkan lalai yang lebih selamat; noImplicitAny mencari jenis yang tiada; exactOptionalPropertyTypes memodelkan medan pilihan dengan tepat; noUncheckedIndexedAccess memaksa pemeriksaan kewujudan.

Percuma untuk bermula

Pelajari TypeScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
101
Pelajaran
352

Soalan Lazim

Adakah pelajaran “Bendera keketatan” percuma?

Ya — teks penuh “Bendera keketatan” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus TypeScript Academy, tingkat taraf kepada CoddyKit PRO. Kursus TypeScript Academy merangkumi sejumlah 3 pelajaran.

Apakah yang akan saya pelajari dalam “Bendera keketatan”?

Aktifkan keketatan untuk kod yang lebih selamat: strict, noImplicitAny, exactOptionalPropertyTypes, noUncheckedIndexedAccess. Anda berlatih TypeScript Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan TypeScript Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran TypeScript Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 3.

Berapa lamakah pelajaran “Bendera keketatan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Bendera keketatan
  2. Tetapan Target, lib, module dan JSX
  3. Rujukan Projek (pengenalan)
← Kembali ke TypeScript Academy