Rumah > hujung hadapan web > tutorial js > Bilakah Saya Harus Menggunakan Penyata Pulangan Eksplisit dalam Fungsi Anak Panah ES6?

Bilakah Saya Harus Menggunakan Penyata Pulangan Eksplisit dalam Fungsi Anak Panah ES6?

DDD
Lepaskan: 2024-12-25 08:15:24
asal
981 orang telah melayarinya

When Should I Use Explicit Return Statements in ES6 Arrow Functions?

Bila Menggunakan Penyata Kembali dalam Fungsi Anak Panah ES6

Fungsi anak panah ES6 menawarkan sintaks ringkas untuk fungsi penulisan. Walau bagaimanapun, tidak seperti fungsi tradisional, fungsi anak panah secara tersirat mengembalikan hasil ungkapannya.

Bila Menggunakan Pulangan

Walaupun pemulangan tersirat adalah mudah, terdapat kes tertentu di mana pernyataan pemulangan yang jelas adalah perlu:

1. Fungsi Berbilang Baris

Jika fungsi anak panah merentangi berbilang baris, pernyataan pulangan yang jelas mesti digunakan. Ini menghalang ralat jika pembangun terlupa menambah penyata pemulangan.

Sebagai contoh, fungsi anak panah berikut akan kembali tidak ditentukan jika ia berkembang kepada berbilang baris:

(name) => {
  // Do something
};
Salin selepas log masuk

Untuk mengelakkan isu ini, pernyataan pulangan yang jelas harus digunakan:

(name) => {
  // Do something
  return 'Hi ' + name;
};
Salin selepas log masuk

2. Blok

Apabila fungsi anak panah termasuk blok (dibataskan oleh pendakap kerinting), pernyataan pulangan eksplisit diperlukan dalam blok.

Sebagai contoh, fungsi berikut akan kembali tidak ditentukan kerana kepada kekurangan pernyataan pulangan yang jelas:

(name) => {
  {
    return 'Hi ' + name;
  }
};
Salin selepas log masuk

Untuk membetulkannya, pernyataan pulangan yang jelas boleh ditambah:

(name) => {
  return {
    id: name
  };
};
Salin selepas log masuk

Pengecualian

Terdapat satu pengecualian apabila pulangan tersirat adalah sah dalam blok: apabila blok itu terdiri daripada satu ungkapan yang disertakan dalam kurungan.

Sebagai contoh, fungsi berikut akan mengembalikan a objek:

(name) => ({
  id: name
});
Salin selepas log masuk

Contoh

Berikut ialah beberapa contoh ilustrasi:

  • Tanpa Sekatan: (nama ) => nama; mengembalikan nama.
  • Dengan Blok dan Pemulangan Eksplisit: (nama) => { kembalikan nama 'Hai'; } mengembalikan nama 'Hai'.
  • Dengan Sekatan dan Pulangan Tersirat: (nama) => ({ id: name }) mengembalikan { id: name }.
  • Dengan Ralat: (nama) => { id: name } mengembalikan tidak ditentukan kerana ketiadaan pernyataan pulangan yang jelas.

Atas ialah kandungan terperinci Bilakah Saya Harus Menggunakan Penyata Pulangan Eksplisit dalam Fungsi Anak Panah ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan