In ES6 ist die Pfeilfunktion eine neue Syntax, die „=>“ verwendet, um Funktionen zu definieren; und Dies kann nicht geändert werden. Die Syntax lautet „let fun=(parameter) => {function body};“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.
In ES6 ist die Pfeilfunktion die interessanteste neue Funktion. Wie der Name schon sagt, handelt es sich bei der Pfeilfunktion um eine neue Syntax, die Pfeile (=>) zum Definieren von Funktionen verwendet. Sie unterscheidet sich jedoch geringfügig von herkömmlichen JavaScript-Funktionen, hauptsächlich in den folgenden Aspekten:
Das gibt es nicht, super, Argumente und neu. Zielbindung, ihr Wert wird durch die nächstgelegene Nicht-Pfeil-Funktion an der Peripherie bestimmt
kann nicht über das neue Schlüsselwort aufgerufen werden
hat keinen Prototyp
kann die Bindung davon nicht ändern
unterstützt keine Argumentobjekte
Unterstützt keine wiederholten benannten Parameter
Der Zeiger davon im Funktionskörper zeigt immer auf das Objekt, in dem es definiert ist, nicht auf das Objekt, das es aufruft. Wir wissen Wer die Funktion in es5 ausführt, zeigt einfach auf wen auch immer.
lautet wie folgt:
var f = v = > v;
//等同于
var f = function(v){
return v;
}
var sum = (num1,num2) => num1+num2 ;
//等同于
var sum = function(num1,num2){
return num1+num2
}
[1,2,3].map(function (x) {
return x * x;
});
// 箭头函数写法
[1,2,3].map(x => x * x);//简洁了许多Aus dem Beispiel können wir ersehen, dass die Funktion weggelassen wurde und die geschweiften Klammern „{}“ durch „=>“ ersetzt wurden. Diese Schreibweise ist prägnanter.
Das Beispiel ist wie folgt;
//1、参数默认值 位置在所有形参的后面
//es6之前的采取的默认值只能变相采取
function test(a,b) {
a=a||2;
b=b||2;
return a*b
}
console.log(test());
//但是这个有弊端 当我们传递的值为0的时候，还是会走默认值。改造之后
function test1(a,b) {
a=typeof a==="undefined"?2:a;
b=typeof b==="undefined"?2:b;
return a*b
}
console.log(test1(0,0))
// es6为我们提供了默认值
// 语法糖： function(a,b=2){}
let test2=(a=2,b=2) =>{
return a*b
};
console.log(test2());Ausgabeergebnis:
[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]
Das obige ist der detaillierte Inhalt vonWas bedeutet es6-Pfeilfunktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
