TypeScript Academy · Pelajaran

Jenis void dalam Fungsi

Fahami perbezaan void dan undefined pada kedudukan nilai pulangan fungsi.

Pelajaran 3 daripada 413 langkah

Jenis void dalam Fungsi ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. 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 4 pelajaran.

Jenis Pulangan Tanpa Nilai

void menerangkan fungsi yang tidak mengembalikan nilai berguna. Fungsi itu tetap selesai; cuma ia tidak menghasilkan sesuatu yang patut Anda gunakan. Inilah jenis bagi fungsi yang dipanggil untuk kesan sampingannya.

function log(message: string): void {
  console.log(message);
}
log('Hello void');

Jenis void yang Disimpulkan

Jika fungsi tidak mempunyai pernyataan return (atau hanya return; kosong), TypeScript akan menyimpulkan void secara automatik. Anda jarang perlu menulisnya secara jelas, walaupun penulisannya mendokumentasikan niat.

function greet(name: string) {
  console.log('Hi ' + name);
  // no return -> inferred void
}
greet('Ada');

void berbanding undefined

Kedua-duanya berkaitan tetapi tidak sama. Fungsi void mungkin mengembalikan undefined atau mungkin tidak, dan Anda tidak sepatutnya bergantung pada nilai pulangannya. Fungsi yang ditaip untuk mengembalikan undefined mesti mengembalikannya secara jelas.

function a(): void { /* returns nothing useful */ }
function b(): undefined { return undefined; }
console.log(a(), b());

Jangan Gunakan Hasil void

Nilai masa jalan bagi panggilan void ialah undefined, tetapi sistem jenis tidak menggalakkan Anda menggunakannya. Anggap void sebagai 'abaikan pulangan ini'.

function save(): void {
  console.log('saved');
}
const result = save(); // result has type void
console.log(result); // undefined at runtime

void dalam Jenis Panggilan Balik

Peraturan yang halus tetapi berkuasa: panggilan balik yang ditaip untuk mengembalikan void boleh dipenuhi oleh fungsi yang mengembalikan apa-apa nilai. Nilai pulangan tambahan itu akan diabaikan begitu sahaja.

type Handler = () => void;

const h: Handler = () => 42; // returns number, still fine
h();
console.log('Returned value is ignored by callers');

Sebab Peraturan Ini Wujud

Fleksibiliti ini membolehkan Anda menghantar fungsi seperti arr.push (yang mengembalikan nombor) sebagai panggilan balik void. Pemanggil berjanji untuk tidak menggunakan nilai pulangan, jadi apa-apa pulangan tidak memudaratkan.

const items: number[] = [];
const nums = [1, 2, 3];
nums.forEach((n) => items.push(n)); // push returns number, ok
console.log(items);

void Kontekstual dalam Kaedah Tatasusunan

forEach menjangkakan panggilan balik yang mengembalikan void. Sebab itulah Anda boleh menulis fungsi anak panah satu baris yang secara tidak sengaja mengembalikan nilai tanpa ralat — jenis void berdasarkan konteks menyerap nilai itu.

const result: string[] = [];
['a', 'b'].forEach((x) => result.push(x.toUpperCase()));
console.log(result);

Kekeliruan yang Biasa Berlaku

Peraturan panggilan balik void terpakai pada jenis panggilan balik, bukannya pada fungsi yang anotasi pulangannya sendiri ialah void. Fungsi yang diisytiharkan secara literal sebagai (): void masih tidak boleh mempunyai return value; dengan nilai yang ditentukan.

function f(): void {
  return; // ok
  // return 5; // Error: 5 not assignable to void
}
f();
console.log('declared void cannot return a value');

Parameter void Tidak Lazim

Walaupun jarang, void boleh muncul sebagai jenis parameter dalam generik lanjutan. Dalam kod harian, Anda hampir selalu melihatnya sebagai jenis pulangan yang menandakan 'tiada hasil bermakna'.

type Listener = (event: string) => void;

const onClick: Listener = (e) => console.log('Event:', e);
onClick('click');

void Bersama Promise

Fungsi tak segerak sering mengembalikan Promise<void> apabila fungsi tersebut melakukan kerja tetapi selesai tanpa nilai. Corak ini menyerupai void segerak untuk kod tak segerak.

async function sync(): Promise<void> {
  console.log('syncing...');
  // resolves with no value
}
sync().then(() => console.log('done'));

Memilih void dengan Sengaja

Nyatakan anotasi void apabila Anda mahu menyampaikan bahawa fungsi itu wujud untuk kesan sampingannya dan pemanggil tidak boleh bergantung pada nilai pulangan. Ini menjelaskan niat dan membolehkan peraturan panggilan balik yang fleksibel berfungsi untuk Anda.

function notify(msg: string): void {
  console.log('NOTIFY:', msg);
}
const handlers: Array<(m: string) => void> = [notify];
handlers.forEach((fn) => fn('ping'));

Semakan Pantas

Uji pemahaman Anda tentang jenis void.

Jawab dalam pelajaran interaktif

Imbas Kembali: void

Anda telah mempelajari bahawa void:

Menandakan fungsi yang mengembalikan tiada nilai berguna.
Berbeza daripada undefined: hasil void tidak sepatutnya digunakan.
Sebagai jenis panggilan balik, menerima fungsi yang mengembalikan apa-apa nilai (yang diabaikan oleh pemanggil).
Membolehkan penggunaan kaedah seperti push dengan kemas di dalam forEach.

Seterusnya, kita akan menggabungkan semuanya: mengendalikan unknown dengan selamat.

const tasks: Array<() => void> = [
  () => console.log('task 1'),
  () => console.log('task 2')
];
tasks.forEach((t) => t());

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

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Jenis void dalam Fungsi” percuma?

Ya — teks penuh “Jenis void dalam Fungsi” 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 4 pelajaran.

Apakah yang akan saya pelajari dalam “Jenis void dalam Fungsi”?

Fahami perbezaan void dan undefined pada kedudukan nilai pulangan fungsi. 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 3 daripada 4.

Berapa lamakah pelajaran “Jenis void dalam Fungsi” 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

Memahami unknown berbanding any
Jenis never dan Keadaan Mustahil
Jenis void dalam Fungsi
Pengendalian unknown yang Selamat dari Segi Jenis

← Kembali ke TypeScript Academy