Apakah ciri-ciri fungsi anak panah dalam js

Ciri-ciri fungsi anak panah JavaScript termasuk: sintaks ringkas, menggunakan simbol "=>" dan bukannya "fungsi". Pulangan tersirat, pendakap dan "pulangan" boleh ditinggalkan. Skop leksikal, mewarisi nilai "ini" luar. Tidak boleh dibina, tidak boleh membuat contoh dengan "baru". Tiada objek "argumen", anda perlu menggunakan "..." untuk mengumpul parameter. Tidak boleh menggunakan "hasil", bukan sebagai fungsi penjana.

Ciri-ciri fungsi anak panah JavaScript

Fungsi anak panah ialah sintaks baharu yang diperkenalkan dalam ES6, yang merupakan bentuk singkatan ungkapan fungsi. Berbanding dengan fungsi tradisional, fungsi anak panah mempunyai ciri-ciri berikut:

• Sintaks ringkas: Fungsi anak panah menggunakan simbol anak panah => dan bukannya kata kunci function tradisional , sintaksnya lebih ringkas. => 符号来代替传统的 function 关键字，语法更为简洁。

<code class="js">// 传统函数
function add(a, b) {
  return a + b;
}

// 箭头函数
const add = (a, b) => a + b;</code>

• 隐式返回：如果箭头函数只有一个表达式，则可以省略大括号和 return 关键字。箭头函数将自动返回该表达式。

<code class="js">// 传统函数
function square(x) {
  return x * x;
}

// 箭头函数
const square = x => x * x;</code>

• 词法作用域：箭头函数继承其外层作用域的 this 值，而不是创建自己的 this 值。这使得箭头函数非常适合处理事件处理程序等场景。

<code class="js">const button = document.getElementById("my-button");

// 传统函数
button.addEventListener("click", function() {
  console.log(this); // 指向 button 元素
});

// 箭头函数
button.addEventListener("click", () => {
  console.log(this); // 指向 button 元素
});</code>

• 不可构造：箭头函数不能用作构造函数。这意味着不能使用 new 关键字来创建箭头函数的实例。
• 不能声明 arguments 对象：箭头函数没有自己的 arguments 对象。需要使用剩余运算符 ... 来收集函数参数。

<code class="js">// 传统函数
function sum() {
  console.log(arguments); // 类似数组的对象
}

// 箭头函数
const sum = (...numbers) => {
  console.log(numbers); // 实际数组
};</code>

• 不能使用 yield：箭头函数不能使用 yield
rrreee

🎜🎜Pemulangan tersirat: 🎜Jika fungsi anak panah hanya mempunyai satu ungkapan, kurungan kerinting dan kata kunci return boleh ditinggalkan. Fungsi anak panah akan mengembalikan ungkapan ini secara automatik. 🎜🎜rrreee🎜🎜🎜Skop leksikal: 🎜Fungsi anak panah mewarisi nilai this daripada skop luarnya, dan bukannya mencipta nilai this mereka sendiri. Ini menjadikan fungsi anak panah sesuai untuk senario seperti mengendalikan pengendali acara. 🎜🎜rrreee🎜🎜🎜Tidak boleh dibina: 🎜Fungsi anak panah tidak boleh digunakan sebagai pembina. Ini bermakna anda tidak boleh menggunakan kata kunci new untuk membuat contoh fungsi anak panah. 🎜🎜🎜Tidak boleh mengisytiharkan objek argumen: 🎜Fungsi anak panah tidak mempunyai objek argumen mereka sendiri. Operator selebihnya ... diperlukan untuk mengumpul parameter fungsi. 🎜🎜rrreee🎜🎜🎜tidak boleh menggunakan hasil: 🎜Fungsi anak panah tidak boleh menggunakan kata kunci yield dan oleh itu tidak boleh digunakan sebagai fungsi penjana. 🎜🎜

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