Bagaimana saya memulakan skrip taip.

Hai,

Jika anda membaca siaran khusus ini, saya ingin menghargai anda terutamanya dengan mencari jalan anda ke catatan blog penulisan teknikal pertama saya.

Pepatah Cina mengatakan "Perjalanan seribu batu dimulakan dengan langkah".

Pertama, nama saya Abel Emmanuel dan saya seorang pembangun perisian, penyumbang sumber terbuka dan peguam bela. Saya ingin mengucapkan selamat hari lahir kepada diri saya yang rendah hati.

Hari ini, pada 20 Disember 2024, saya mula belajar Penulisan TypeScript dan teknikal. Kadang-kadang saya mengenali Typescript tetapi saya tidak pernah melihat ciri yang penting, berguna, kaya dan bagaimana ia akan membantu saya menulis kod yang lebih baik.

Sebaik-baiknya, saya enggan mempelajari TypeScript lebih awal pada masa yang saya tahu mengenainya. Saya membuat kesimpulan bahawa tidak ada kegunaan mempelajari TypeScript kerana ia mempunyai sintaks yang sama dan segala-galanya dengan JavaScript tidak sehingga saya mendapat pekerjaan yang memerlukan Typescript.

Beginilah saya mula belajar TypeScript dengan betul, jika tidak saya telah memusatkan fikiran saya pada Typescript.

Hari ini, saya ingin berkongsi asas Skrip Taip dan betapa pentingnya ia serta cara ia boleh membantu anda mengurangkan ralat yang anda tulis dalam kod anda.

JavaScript sejak lahir bukan bahasa yang ditaip seperti C, C , C#, Rust dan bahasa pengaturcaraan peringkat rendah yang lain.

Dalam bahasa yang ditaip, pembolehubah dan nilai mempunyai jenis.

Inilah yang dimaksudkan dengan bahasa taip menggunakan bahasa pengaturcaraan C sebagai ilustrasi praktikal.

Contohnya dalam JavaScript untuk menentukan pembolehubah:

let x = 5
typeof x    //number

Dalam JavaScript, x boleh ditetapkan semula kepada nilai rentetan.

x = "Emmanuel"
typeof x    //string

Bandingkan dengan bahasa peringkat rendah seperti bahasa pengaturcaraan C yang anda perlu membiarkan pembolehubah mengetahui jenis data nilai. Contohnya:

init x =  5
float y = 0.5

Jika anda cuba menetapkan semula pembolehubah x dan y, ia menimbulkan ralat. Walau bagaimanapun, JavaScript ialah bahasa yang ditaip longgar yang boleh menyebabkan banyak pepijat dalam kod anda.

Untuk mengelakkan perkara ini, anda memerlukan set super JavaScript yang dipanggil Typescript. Skrip taip ialah penyemak jenis statik yang membantu menyemak ralat dalam atur cara sebelum menjalankan atur cara.

Mari bermula
Pasang Typescript secara global atau setempat ke dalam projek anda.
npm install -g typescript

Buat folder dan namakannya skrip taip.

Klik kanan pada folder (skrip taip), buka dengan kod studio visual dan buat ujian fail.ts.

Selepas anda melakukannya, langkah seterusnya ialah mula menulis skrip taip anda.

Di dalam fail test.ts anda, salin dan tampal kod di dalam fail dan jalankannya.

console.log("Hello world");

Untuk menjalankan fail skrip taip. Buka Antara Muka Baris Perintah (CLI) dan tsc test.ts anda. Perintah akan menjalankan fail skrip taip.

Nota: Jika anda tidak memasang skrip taip, anda tidak akan mengakses tsc dalam CLI.

Selepas anda menjalankannya, anda akan dapati bahawa tiada apa-apa yang menakjubkan berlaku dalam CLI tetapi bagaimanapun, anda akan melihat ujian fail baharu.js dalam folder.

Buka fail test.js, anda akan perhatikan arahan yang anda jalankan akan mengeluarkan segala-galanya dalam test.ts ke test.js.

Biar sertakan jenis dalam kod kami. Mari lihat rupanya dalam Javascript.

let x = 5
typeof x    //number

Jalankan ujian tsc.ts. Tiada apa-apa yang istimewa berlaku.
Walau bagaimanapun, dengan mengandaikan panggilan fungsi meet() mendapat satu hujah seperti meet(7).

Skrip taip akan menunjukkan ralat.

x = "Emmanuel"
typeof x    //string

Biasanya, dalam dunia JavaScript kodnya bagus tetapi bukan itu yang kami mahukan. Jadi walaupun ia tidak membuang ralat semasa runtime. Skrip taip telah membantu kami mengenal pasti masalah terlebih dahulu. Ini adalah bahagian cooool daripada skrip taip. Ia membantu anda menulis kod yang kurang buggy.

Mari periksa kod ini.

init x =  5
float y = 0.5

Fungsi nota bertemu(nama: rentetan, id: nombor), tambahan :rentetan dan :nombor. ini memberitahu kami bahawa kami menjangkakan rentetan hujah dan nombor. Jika anda melakukan sebaliknya, kod anda akan mencetuskan ralat.

Fungsi mengembalikan jenis
Kami boleh membenarkan fungsi kami mengembalikan taip tertentu.

console.log("Hello world");

Objek Ditaip

function meet(name, id){
    console.log(`Hello ${name}, your unique ID is ${id}.`)
}

meet("Abel Emmanuel", 7)
// Hello Abel Emmanuel, your unique ID is 7.

Anotasi bertaip primitif lain.

Expected 2 arguments, but got 1.ts(2554)
test.ts(1, 21): An argument for 'id' was not provided.

Kesimpulannya, Typescript ialah bahasa ditaip yang membantu anda menulis JavaScript yang lebih baik dan pepijat yang lebih kecil. Baca lebih lanjut di laman web rasmi Typescript: Typescript.

Beri tahu saya jika anda mendapati siaran ini membantu dan jika ada cara yang lebih baik untuk menambah baik saya akan gembira untuk belajar daripada anda. Terima kasih kerana membaca catatan pertama saya.

Ikuti saya di Twitter tempat saya berkongsi kandungan yang hebat.

Atas ialah kandungan terperinci Bagaimana saya memulakan skrip taip.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!