Belajar Skrip Taip dengan saya - Bahagian 2

Dalam artikel kami sebelum ini, kami mempelajari asas-asas skrip taip, jika anda belum membacanya sila lakukan sebelum membaca ini.

1- Belajar skrip taip dengan saya - 1

ENUM

Enum menyediakan cara untuk mentakrifkan satu set pemalar bernama. Secara lalai, nilai Enum bermula dengan 0, tetapi kita boleh mengatasinya.

enum Color { Red = "RED", Green = "GREEN", Blue = "BLUE", };

const getColorMessage = (color: Color): string => { 
      return You selected ${color};
 }; 

console.log(getColorMessage(Color.Red));

Tatasusunan

Tatasusunan dalam skrip taip membolehkan anda mentakrifkan koleksi elemen jenis yang sama, anda boleh menganggapnya seperti senarai sejenis walaupun dalam python ia dipanggil jenis senarai.

const numbers: number[] = [1, 2, 3, 4];

numbers.push(5);

console.log(numbers);

now if I try to add a string in numbers array typescript will complain

number.push("five") // type string is not assignable to type number

Tuple

Tuples ialah jenis tatasusunan khas dalam skrip taip yang membolehkan anda menentukan tatasusunan dengan saiz dan jenis tetap. Tuple digunakan di mana kita betul-betul mengetahui bentuk data kita, kemudian dengan menggunakan tupel kita akan mendapat peningkatan prestasi dalam membaca data.

const user: [number, string] = [1, "Alice"];

console.log(user);

Objek

Objek dalam skrip taip membolehkan anda mentakrifkan struktur objek dengan jenis. Kita boleh menaip objek seperti ini, lebih kepada objek dalam jenis topik alias

const user: { id: number; name: string } = { id: 1, name: "Alice" }; 

console.log(user.name);

Taip Alias

Alias ​​jenis membolehkan anda menentukan jenis tersuai dalam skrip taip untuk penggunaan semula dan kebolehbacaan kod yang lebih baik. Sekarang kita boleh menaip objek kita sebagai Type Alias ​​UserType

Nota: Jangan gunakan perkataan seperti taip dalam projek sebenar anda.

type UserType = { id: number; name: string; };

const user: UserType = { id: 1, name: "Alice" };

console.log(user.id);

Sifat Pilihan

Sifat pilihan membolehkan anda menentukan sifat objek yang mungkin wujud atau tidak. Dalam contoh kami sebelum ini jika kami berpendapat bahawa pengguna hanya akan mempunyai id dan nama mungkin atau mungkin tidak wujud. Kita boleh tambah? sebelum : untuk menyatakan bahawa ini adalah sifat pilihan

type UserType = { id: number; name?: string; };

const user: User = { id: 1 };

console.log(user.name ?? "Name not provided");

Penyempitan / Jenis Pengawal

Pengawal jenis membolehkan anda mengecilkan jenis nilai dalam blok kod tertentu. Jadi seperti yang kami tahu pengguna kami mempunyai nama sebagai sifat pilihan, jika kami kini cuba mencetak nama pengguna, ia akan menunjukkan tidak ditentukan yang kami tidak mahu tunjukkan kepada pelanggan kami jadi kami memastikan nama pengguna ialah rentetan sebelum dipaparkan ia

if (typeof user.name == 'undefined') {
   console.log("Welcome", user.name)
}  else {
   console.log("Welcome Guest")
}

Baiklah kawan-kawan dalam artikel kami yang seterusnya, kami akan mula meliputi fungsi dan penegasan jenis.

Ali Danish

Atas ialah kandungan terperinci Belajar Skrip Taip dengan saya - Bahagian 2. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!