Bagaimana untuk menulis fungsi anak panah dalam js

下次还敢
Lepaskan: 2024-05-01 07:33:16
asal
778 orang telah melayarinya

Fungsi anak panah ialah sintaks fungsi singkatan, ditulis sebagai: (parameter) => ungkapan ciri-cirinya termasuk keringkasan, penggunaan pengikatan skop leksikal, dan pengikatan ini tidak dimiliki. Berbanding dengan fungsi tradisional, fungsi anak panah adalah lebih ringkas, berskop leksikal, dan tidak mempunyai ikatan ini. Fungsi anak panah biasanya digunakan untuk fungsi panggil balik, fungsi padat dan fungsi skop leksikal.

Bagaimana untuk menulis fungsi anak panah dalam js

Cara menulis fungsi anak panah dalam JavaScript

Fungsi anak panah ialah sintaks fungsi trengkas yang diperkenalkan dalam JavaScript, yang boleh menjadikan kod lebih ringkas dan boleh dibaca.

Cara menulis

Fungsi anak panah ditulis seperti berikut:

<code>(parameters) => expression</code>
Salin selepas log masuk

Di mana:

  • parameter: Senarai parameter fungsi (boleh diabaikan). parameters:函数的参数列表(可以省略)。
  • expression:函数体,通常是一个表达式(可以省略大括号和 return 语句)。

示例

以下是一个箭头函数的示例:

<code>const sum = (a, b) => a + b;</code>
Salin selepas log masuk

这个函数接受两个参数 ab,并返回它们的和。

特点

箭头函数具有一些特点:

  • 简洁:箭头函数比传统函数更简洁,因为它省略了大括号和 return 语句。
  • 绑定:箭头函数使用词法作用域,而不是动态作用域,因此它始终绑定到定义它的上下文。
  • this 绑定:箭头函数没有自己的 this 绑定,而是继承其外层函数的 this 绑定。

与传统函数的比较

下表比较了箭头函数和传统函数:

特征 箭头函数 传统函数
语法 (parameters) => expression function (parameters) { ... }
简洁性 更简洁 更冗长
作用域 词法 动态
this 绑定 继承外层函数 自己的 this 绑定

何时使用箭头函数

箭头函数通常用于以下情况:

  • 回调函数(例如 Array.map
  • ungkapan: Badan fungsi, biasanya ungkapan (penyata pendakap dan return boleh ditinggalkan).
  • Contoh
🎜🎜Berikut ialah contoh fungsi anak panah: 🎜rrreee🎜Fungsi ini mengambil dua parameter a dan b dan mengembalikan jumlahnya. 🎜🎜🎜Ciri🎜🎜🎜Fungsi anak panah mempunyai beberapa ciri: 🎜🎜🎜🎜Keringkas: 🎜Fungsi anak panah lebih ringkas daripada fungsi tradisional kerana ia menghilangkan kurungan kerinting dan pernyataan kembali. 🎜🎜🎜Mengikat: 🎜Fungsi anak panah menggunakan skop leksikal, bukan skop dinamik, jadi ia sentiasa terikat pada konteks di mana ia ditakrifkan. 🎜🎜🎜Tiada pengikatan ini: 🎜Fungsi anak panah tidak mempunyai pengikatan ini sendiri, tetapi mewarisi pengikatan ini bagi fungsi luarnya . 🎜🎜🎜🎜Perbandingan dengan fungsi tradisional🎜🎜🎜Jadual di bawah membandingkan fungsi anak panah dan fungsi tradisional: 🎜 Ciri Fungsi anak panahFungsi tradisional Sintaks (parameter) => fungsi (parameter ) { ... } Keringkas Lebih ringkas Lebih verbose Skopleksikal dinamik ini mengikat Warisi fungsi luar Memiliki ini mengikat 🎜🎜Bila menggunakan fungsi anak panah🎜 🎜🎜Fungsi anak panah biasanya digunakan dalam situasi berikut: 🎜🎜🎜Fungsi panggil balik (cth. Array.map) 🎜🎜Fungsi ringkas 🎜🎜Fungsi yang memerlukan skop leksikal🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menulis fungsi anak panah dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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!