Cara Menentukan Jenis Fungsi dalam TypeScript

Cara Menentukan Jenis Fungsi Dalam Typescript



Fungsi ialah komponen JavaScript yang paling penting yang melaksanakan tugas khusus pada objek. Mereka membenarkan pengguna menggunakan semula kod khusus yang ditakrifkan di dalamnya untuk meningkatkan kebolehselenggaraannya. Dalam TypeScript, fungsi dikategorikan mengikut hujah/parameter dan jenis pulangannya. Ia membantu untuk memberitahu pengguna bahawa fungsi tertentu ditakrifkan dengan jenis tertentu dan sebarang parameter jenis data lain tidak boleh digunakan di dalamnya.

Panduan ini menerangkan cara jenis fungsi boleh ditentukan dalam TypeScript.

Bagaimana untuk Menentukan 'Jenis' Fungsi dalam TypeScript?

' taip ” kata kunci sepadan dengan jenis parameter/argumen fungsi atau nilai pulangannya. Setelah jenis ditetapkan dengan parameter, maka pengguna tidak boleh menambah apa-apa jenis nilai lain di dalamnya.







Mari kita mulakan dengan contoh pertama.



Contoh 1: Tentukan Jenis Pemulangan Fungsi

Contoh pertama ini menentukan jenis pulangan fungsi yang diberikan yang mengehadkan fungsi itu untuk hanya mengembalikan nilai jenis pulangan yang ditentukan.



Kod

Gunakan baris kod ini dalam fail yang mempunyai sambungan '.ts':





fungsi Masa ( ) : nombor {

kembali baru Tarikh ( ) . getTime ( ) ;

}

konsol. log ( Masa ( ) ) ;

Dalam baris kod di atas:

  • ' Masa() fungsi ” menentukan “ nombor ” jenis data sebagai jenis pemulangan fungsi ini.
  • Pernyataan 'kembali' ini menggunakan ' Tarikh objek yang dikaitkan dengan getTime() ” kaedah untuk mengembalikan tarikh dan masa dalam milisaat sebagai “nombor”.
  • Akhir sekali, gunakan fungsi yang ditentukan.

Pengeluaran



Susun fail '.ts' menggunakan pengkompil 'tsc' dan kemudian jalankan fail '.js' yang disusun:

tsc utama. ts //Kompil

nod utama. js //Lari

Seperti yang dilihat, fungsi 'Masa()' mendapatkan semula nilai angka yang ditentukan kerana jenis pulangannya ialah 'nombor'.

Contoh 2: Tentukan Jenis Parameter Fungsi

Contoh ini menentukan jenis parameter fungsi untuk menyekatnya agar tidak menerima sebarang nilai jenis data lain:

fungsi tambah ( a : nombor, b : nombor ) : nombor

{

kembali a + b ;

}

konsol. log ( 'Jumlah ialah:' + Tambah ( 10 , dua puluh ) ) ;

Dalam kod ini:

  • ' Tambah() 'fungsi mengambil dua parameter' a dan b 'jenis' nombor ”.
  • Fungsi ini mengembalikan nilai berangka hasil daripada operasi aritmetik yang ditentukan iaitu, 'a+b'.
  • ' console.log() kaedah 'memanggil' Tambah() ” fungsi menghantar nilai argumen yang dinyatakan sebagai “nombor”.

Pengeluaran

tsc utama. ts

nod utama. js

Di sini, output menunjukkan jumlah nombor yang ditentukan dengan jayanya.

Contoh 3: Jenis Fungsi dalam TypeScript dan Menentukan Jenisnya

Dalam TypeScript, fungsi dikategorikan kepada dua jenis: “ Dinamakan ” dan “ Tanpa Nama ”.

Fungsi Dinamakan

' Dinamakan fungsi ” diisytiharkan dengan nama yang diberikan. Fungsi ini mungkin mengandungi jenis parameter fungsi atau jenis pulangan. Demonya boleh dilihat secara keseluruhan dalam 'Contoh 2'.

Sintaks

nama fungsi ( [ args ] ) { }

Fungsi Tanpa Nama

' Tanpa Nama ” fungsi diberikan kepada pembolehubah yang mentakrifkannya secara dinamik sebagai ungkapan pada masa jalankan. Ia berfungsi sama seperti mudah/fungsi. Pengguna boleh memanggilnya menggunakan nama pembolehubah di mana ia ditetapkan untuk menggunakan fungsi fungsi.

Sintaks

biarkan hasilnya = fungsi ( [ args ] ) { }

Sekarang, mari kita tunjukkan fungsi yang dibincangkan secara praktikal:

biarkan myFunc = fungsi ( x : nombor, y : nombor ) : nombor {

kembali x * dan ;

} ;

konsol. log ( myFunc ( 10 , 6 ) ) ;

Dalam baris kod di atas:

  • Pembolehubah 'myFunc' mentakrifkan fungsi yang mempunyai parameter (dengan jenisnya), dan jenis pulangan.
  • Pernyataan 'kembali' mengembalikan pendaraban nilai yang diluluskan.
  • ' console.log() Kaedah 'memanggil 'fungsi tanpa nama' dengan bantuan pembolehubah yang ditetapkan ' myFunc ” dengan menghantar nilai yang dinyatakan sebagai hujah.

Pengeluaran

tsc utama. ts

nod utama. js

Di sini, output mengembalikan nilai jenis 'angka' kerana jenis pulangan fungsi ialah 'nombor'.

Kesimpulan

Dalam TypeScript, ' taip ” bagi fungsi merujuk kepada parameter fungsi atau nilai pulangan berdasarkan jenis data terbina dalam supaya hanya nilai yang ditentukan disokong oleh fungsi tersebut. Panduan ini menerangkan secara ringkas cara untuk menentukan 'jenis' fungsi menggunakan TypeScript.