Kursus Bilik Darjah Typescript Percuma
Jan 06, 2025 am 06:34 AMDalam kelas sebelumnya, kami menyediakan persekitaran pembangunan kami dan menyelidiki Jenis Primitif Typescript.
Dalam kelas hari ini, kita akan belajar cara bekerja dengan Objek dan Tatasusunan dalam Skrip Taip.
pengenalan
Dalam kelas ini, kita akan belajar tentang Objek dan Tatasusunan dalam Typescript. Mari kita terokai cara yang berbeza untuk membuat objek dan tatasusunan dalam projek kita dengan Typescript.
Objek Tersurat
Salah satu cara paling mudah untuk mencipta objek ialah melalui literal objek. Pendekatan ini amat berguna apabila anda sudah mempunyai pengetahuan terdahulu tentang sifat objek, kerana anda tidak boleh menambah sifat baharu kemudian.
const objeto = { chaveA: 'value', chaveB: 'value', }; objeto.chaveC = 'value';
Tandatangan Indeks
Satu cara untuk mencipta objek dinamik ialah menggunakan Tandatangan Indeks. Pendekatan ini amat berguna apabila kita tidak mengetahui terlebih dahulu apakah sifat objek itu.
const objeto: { [key: string]: string } = { chaveA: 'value A', chaveB: 'value B', }; objeto.chaveC = 'value C'; console.log(objeto);
Rekod
Cara lain kita boleh mencipta objek dinamik dalam Typescript ialah menggunakan Record. Rekod ialah salah satu daripada Jenis Utiliti dalam kotak alat Typescript. Mari terokai lebih lanjut tentang Jenis Utiliti kemudian. Buat masa ini, apa yang anda perlu tahu ialah apabila menggunakan Rekod, kita perlu menentukan jenis kunci dan nilai objek antara <>.
const objeto: Record<string, string> = { chaveA: 'value A', chaveB: 'value B', };
Array Literals
Cara paling mudah untuk mencipta tatasusunan ialah menggunakan tatasusunan literal, iaitu senarai elemen yang dipisahkan koma yang disertakan dalam kurungan segi empat sama.
const arrayDeNumeros: number[] = [1, 2, 3]; const arrayDeString: string[] = ['Josh', 'Patrick', 'Lamar']; const arrayDeStringENumeros: (string | number)[] = [1, 'Alice', 55]; console.log(arrayDeString); console.log(arrayDeNumeros); console.log(arrayDeStringENumeros);
Pembina Tatasusunan
Anda juga boleh menggunakan pembina Tatasusunan untuk mencipta tatasusunan baharu.
const arrayDeNumeros: Array<number> = [1, 2, 3]; const arrayDeString: Array<string> = ['Josh', 'Patrick', 'Lamar']; const arrayDeStringENumeros: Array<string | number> = [1, 'Alice', 55]; console.log(arrayDeString); console.log(arrayDeNumeros); console.log(arrayDeStringENumeros);
Anda boleh mengakses kod kelas dengan mengakses pautan di bawah:
https://github.com/d3vlopes/curso-typescript/tree/aula-002
Kelas seterusnya
Dalam kelas seterusnya, kita akan meneroka fungsi dalam Typescript. Mari belajar cara untuk menentukan jenis parameter, jenis pulangan dan banyak lagi!
Tinggalkan ulasan dan kongsi siaran ini dengan rangkaian anda untuk menyokong dan membantu lebih ramai orang mempelajari TypeScript.
Atas ialah kandungan terperinci Kursus Bilik Darjah Typescript Percuma. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Ganti aksara rentetan dalam javascript

jQuery mendapatkan padding/margin elemen

Plugin JS Manipulasi 5 Tarikh Teratas

10 Ajax/JQuery Autocomplete Tutorial/Plugin
