Was ist eine Pfeilfunktion?

Dieser Artikel stellt Ihnen die Pfeilfunktion von es6 vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Pfeilfunktionen

ES6 bietet die Möglichkeit, syntaktische Funktionsausdrücke mithilfe der Pfeilsyntax zu definieren. Funktionsobjekte, die durch Pfeilfunktionen instanziiert werden, verhalten sich weitgehend genauso wie Funktionsobjekte, die durch formale Funktionsausdrücke erstellt wurden. Immer wenn Sie einen Funktionsausdruck verwenden, können Sie eine Pfeilfunktion verwenden

    let fn = (a, b) => {
        return a + b    }

    let fun = function (a, b) {
        return a + b    }

    console.log(fn(1, 2))   // 3
    console.log(fun(1, 2))  // 3

Pfeilfunktionen eignen sich für eingebettete Funktionen

    let arr = [1, 2, 3, 4];
    console.log(
        arr.map(function (item) {
            return item + 1
        })
    )   // [2,3,4,5]

    console.log(
        arr.map((item) => {
            return item + 1
        })
    )   // [2,3,4,5]

Pfeilfunktionen Wenn nur ein Parameter vorhanden ist, können Sie die Klammern weglassen

    let a = (i) => {
        console.log(i)
    }
    // 当前箭头函数只有一个参数，所以可以省略括号变成以下写法，
    let a = i => {
        console.log(i)
    }

Pfeilfunktionen Wenn mehrere Parameter vorhanden sind , verwenden Sie ein Komma dazwischen. Trennen Sie

    // 如果有多个参数，中间用逗号隔开
    let a = (i, j, k) => {
        console.log(i, j, k)
    }

Wenn keine Parameter vorhanden sind, müssen Klammern hinzugefügt werden

    // 如果没有参数，则圆括号必须加
    let a = () => {
        console.log("箭头函数没有参数")
    }

Pfeilfunktionen können die geschweiften Klammern auch weglassen, dies ändert jedoch das Verhalten der Funktion Funktion. Sie können mehrere Zahlen in die Funktionskörperanweisung schreiben. Wenn keine geschweiften Klammern vorhanden sind, bedeutet dies, dass nach dem Pfeil nur eine Anweisung steht und der Wert dieser Anweisung implizit zurückgegeben wird

    let a = () => {
        console.log("我是带花括号的箭头函数")
        console.log("我是带花括号的箭头函数")
        console.log("我是带花括号的箭头函数")
    }

    let a = () => console.log("我是不带花括号的箭头函数")

    let b = i => i + 1
    console.log(b(1))   // 这个时候箭头函数隐式的返回了i+1的值，所以打印结果为2

Obwohl die Syntax des Pfeils Funktion ist einfach, es gibt immer noch viele Szenarien, in denen sie nicht für die Verwendung geeignet ist. Die Pfeilfunktion kann nicht als Konstruktor verwendet werden, und Pfeilfunktionen verfügen nicht über ein Prototypattribut.

Empfohlenes Lernen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist eine Pfeilfunktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!