Adakah fungsi anak panah merupakan ciri baharu es6?

WBOY
Lepaskan: 2022-03-30 17:53:55
asal
1713 orang telah melayarinya

Fungsi anak panah ialah fungsi baharu bagi es6; fungsi anak panah ialah fungsi baharu dalam es6, yang membenarkan penggunaan anak panah "=>" untuk mentakrifkan fungsi Berbanding dengan fungsi biasa, ia menyokong ungkapan dan badan pernyataan. dan anak panah Fungsi mempunyai skop yang sama dengan kod yang mengelilingi ini.

Adakah fungsi anak panah merupakan ciri baharu es6?

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Adakah fungsi anak panah merupakan ciri baharu es6?

Piawaian ES6 menambah fungsi baharu: Fungsi Anak Panah, yang membenarkan penggunaan anak panah => untuk mentakrifkan fungsi.

Berbanding dengan fungsi biasa, ia secara sintaksis serupa dengan C# dan fungsi berkaitan dalam Java 8, menyokong ungkapan dan badan pernyataan.

Tidak seperti fungsi biasa, fungsi anak panah mempunyai skop yang sama dengan kod yang mengelilinginya. Fungsi anak panah mempunyai ciri-ciri berikut:

  • 1. Kata kunci fungsi tidak diperlukan untuk mencipta fungsi.

  • 2.

  • 3 Ini sentiasa menunjuk kepada nilai ini dalam skop di mana fungsi diisytiharkan (iaitu, fungsi anak panah tidak mempunyai ini sendiri, tetapi merujuk kepada bahagian luar ini).

Gunakan sintaks fungsi anak panah ES6 untuk mentakrifkan fungsi, padamkan kata kunci "fungsi" dan nama fungsi fungsi asal dan gunakan "=>" untuk menyambung senarai parameter dan fungsi badan.

Peranan fungsi anak panah

// 1、使表达更加简洁
const isEven = n => n % 2 === 0;
const square = n => n * n;
 
// 2、简化回调函数
// 普通函数写法
[1,2,3].map(function (x) {
  return x * x;
});
 
// 箭头函数写法
[1,2,3].map(x => x * x);
Salin selepas log masuk

kaedah penulisan es5:

Adakah fungsi anak panah merupakan ciri baharu es6?

Fungsi anak panah:

Adakah fungsi anak panah merupakan ciri baharu es6?

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Adakah fungsi anak panah merupakan ciri baharu es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
es6
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!