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
DDDasal
2024-12-25 08:15:24982semak imbas

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
};

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

(name) => {
  // Do something
  return 'Hi ' + name;
};

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;
  }
};

Untuk membetulkannya, pernyataan pulangan yang jelas boleh ditambah:

(name) => {
  return {
    id: name
  };
};

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
});

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!

Kenyataan:
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