Was sind die Merkmale von Pfeilfunktionen in js?

Zu den Funktionen von JavaScript-Pfeilfunktionen gehören: prägnante Syntax, Verwendung des Symbols „=>“ anstelle von „Funktion“. Implizite Rückgabe, geschweifte Klammern und „return“ können weggelassen werden. Lexikalischer Geltungsbereich, erbt den äußeren „this“-Wert. Nicht konstruierbar, mit „neu“ kann keine Instanz erstellt werden. Es gibt kein „arguments“-Objekt, Sie müssen „…“ verwenden, um Parameter zu sammeln. „Yield“ kann nicht verwendet werden, nicht als Generatorfunktion.

Eigenschaften von JavaScript-Pfeilfunktionen

Die Pfeilfunktion ist eine neue Syntax, die in ES6 eingeführt wurde und eine Kurzform des Funktionsausdrucks ist. Im Vergleich zu herkömmlichen Funktionen weisen Pfeilfunktionen die folgenden Merkmale auf:

• Präzise Syntax: Pfeilfunktionen verwenden ein Pfeilsymbol => anstelle des herkömmlichen Schlüsselworts function. Die Syntax ist prägnanter. => 符号来代替传统的 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

🎜🎜Implizite Rückgabe: 🎜Wenn die Pfeilfunktion nur einen Ausdruck hat, können die geschweiften Klammern und das Schlüsselwort return weggelassen werden. Die Pfeilfunktion gibt diesen Ausdruck automatisch zurück. 🎜🎜rrreee🎜🎜🎜Lexikalischer Geltungsbereich: 🎜Pfeilfunktionen erben den this-Wert von ihrem äußeren Geltungsbereich, anstatt ihren eigenen this-Wert zu erstellen. Dies macht Pfeilfunktionen ideal für Szenarien wie die Handhabung von Event-Handlern. 🎜🎜rrreee🎜🎜🎜Nicht konstruierbar: 🎜Pfeilfunktionen können nicht als Konstruktoren verwendet werden. Das bedeutet, dass Sie das Schlüsselwort new nicht verwenden können, um eine Instanz einer Pfeilfunktion zu erstellen. 🎜🎜🎜Argumentobjekt kann nicht deklariert werden: 🎜Pfeilfunktionen haben keine eigenen arguments-Objekte. Der Restoperator ... wird zum Sammeln von Funktionsparametern benötigt. 🎜🎜rrreee🎜🎜🎜Yield kann nicht verwendet werden: 🎜Pfeilfunktionen können das Schlüsselwort yield nicht verwenden und können daher nicht als Generatorfunktionen verwendet werden. 🎜🎜

Das obige ist der detaillierte Inhalt vonWas sind die Merkmale von Pfeilfunktionen in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!