Übergabe von .call() zu Pfeilfunktion

Question

Ich habe eine Pfeilfunktion, die ich mit call() ausführen möchte. Aus Gründen der Vereinfachung wie folgt:

Operational als erwartet

const func = (e) => { 
    console.log(e) 
} 

func.call(null, e) 

Hmm ... was ist denn hier los?

Ich würde erwarten, dass der folgende Code element in func als this übergibt.

const func = (e) => { 
    console.log(this) 
    console.log(e) 
} 

func.call(element, e) 

Aber statt this bleibt undefined.

Wenn ich es zu einer regulären Funktionsdefinition wechseln, funktioniert alles wie erwartet.

const func = function (e) { 
    console.log(this) 
    console.log(e) 
} 

func.call(element, e) 

Frage

Warum bin ich für this in einen Pfeil Funktion von call() einen Kontext passieren nicht in der Lage?

Answer 1

this ist nicht in Pfeilfunktionen gebunden, daher können call() und apply() nur Parameter übergeben. this wird

ignoriert

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Invoked_through_call_or_apply

Answer 2

In ES6 this hat lexical scope Bedeutung Wert von this innerhalb Pfeil Funktion wie die außerhalb des Pfeils Funktion gleiche wäre. In Pre-ES6-Formular this ist das Objekt, das Sie als erstes Argument an call Methode übergeben.