Warum nicht Konsole.melden Sie die Arbeit, wenn als parameter übergeben forEach?

Dies ist nur aus Neugier, aber haben Sie eine Idee, warum dieser code nicht funktioniert?

[1, 2, 3, 4, 5].forEach(console.log);

//Prints 'Uncaught TypeError: Illegal invocation' in Chrome

Auf der anderen Seite, scheint dies gut zu funktionieren:

[1, 2, 3, 4, 5].forEach(function(n) { console.log(n) });

So... ?

Sie haben den falschen this.
In der Tat. Beantworten Sie mich, ich bin so ein idiot
Kann es einfach gelöscht werden? Es ist nicht wirklich hilfreich =/
Ich meinte die Frage, aber ich denke, jemand mochte es genug, um upvote so ist es vielleicht nützlich war jemand, nachdem alle... Es ist nie für mich klar, wenn upvotes sind von Menschen finden, die Frage ist wirklich nützlich, oder einfach nur aus Beantworter versuchen zu Spiel das system.
In Ordnung mit mir, aber Sie denken, dass ist wirklich notwendig? es wurden 2 upvotes... vielleicht können wir ihn schließen, als ein Duplikat von Frage, dass die Gespräche über bind in js?
Es wäre wahrscheinlich am besten in der Nähe, wie ein dupe der Frage, wie man this ist geklärt... es gibt andere Wege als bind zu umgehen.
Warum schliessen? Dies ist ein wirklich Interessantes Rätsel. In der Tat, ich bin immer noch versuchen, wickeln Sie meinen Kopf herum.
Vergleichen Sie die Ausgabe dieser in der chrome console: [1,2,3,4,5].forEach(console.log.bind(console)); ... [1,2,3,4,5].forEach(function(x){console.log(x)});
ja, vielleicht bin ich falsch. Es könnte ein Fall ungewöhnlich genug, dass es schwer zu sagen, was passiert in der ersten.
yep, das ist eine gute Frage. @PabloFernandez - ich nehme an, du hast die inspiration für diese Frage nach der Lektüre von "Async Javascript" Buch von Trevor Burnham - Seite 13 - genau das gleiche Beispiel-code 🙂

InformationsquelleAutor Pablo Fernandez | 2012-03-09

25

Es ist erwähnenswert,, dass es einen Unterschied im Verhalten bei der Umsetzung der console.log. Unter dem Knoten v0.10.19 Sie erhalten keine Fehler, Sie sehen einfach dies:
```
> [1,2,3,4,5].forEach(console.log);
1 0 [ 1, 2, 3, 4, 5 ]
2 1 [ 1, 2, 3, 4, 5 ]
3 2 [ 1, 2, 3, 4, 5 ]
4 3 [ 1, 2, 3, 4, 5 ]
5 4 [ 1, 2, 3, 4, 5 ]
```
Dies ist, weil der Rückruf forEach ist eine drei-parameter-Funktion unter dem Wert, der index, und das array selbst. Die Funktion console.log sieht diese drei Parameter und brav protokolliert.

Unter dem Chrome-browser-Konsole, jedoch bekommen Sie
```
> [1,2,3,4,5].forEach(console.log);
TypeError: Illegal invocation
```
in diesem Fall bind wird Arbeit:
```
 > [1,2,3,4,5].forEach(console.log.bind(console));
 1 0 [ 1, 2, 3, 4, 5 ]
 2 1 [ 1, 2, 3, 4, 5 ]
 3 2 [ 1, 2, 3, 4, 5 ]
 4 3 [ 1, 2, 3, 4, 5 ]
 5 4 [ 1, 2, 3, 4, 5 ]
```
aber gibt es einen alternativen Weg: beachten Sie, dass die zweiten parameter forEach nimmt den Wert von this zu verwenden, in der Rückruf:
```
> [1,2,3,4,5].forEach(console.log, console)
1 0 [ 1, 2, 3, 4, 5 ]
2 1 [ 1, 2, 3, 4, 5 ]
3 2 [ 1, 2, 3, 4, 5 ]
4 3 [ 1, 2, 3, 4, 5 ]
5 4 [ 1, 2, 3, 4, 5 ]
```
welche in der Chrome Konsole und Knoten für mich. Natürlich, ich bin mir sicher, dass das, was Sie wollen nur die Werte, so fürchte ich, die beste Lösung ist, in der Tat:
```
> [1,2,3,4,5].forEach(function (e) {console.log(e)});
1
2
3
4
5
```
Ob Knoten ist das Verhalten ein bug ist, oder man nimmt sich einfach die Tatsache zunutze, dass console.log ist nicht angegeben, die von der ECMA ist interessant in seinem eigenen Recht. Aber das unterschiedliche Verhalten, und die Tatsache, dass Sie müssen sich bewusst sein, ob Ihre callback verwendet this ist wichtig und bedeutet, müssen wir zurückgreifen, um direkt Programmieren, auch wenn es ausführlich durch das Schlüsselwort function.
- Vielen Dank für diese Erklärung - Leser finden könnte der folgende link beschreibt die erwarteten Argumente-Array.der Prototyp.forEach () und args übergeben Sie die mitgelieferte callback (wie diskutiert): developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
- Obwohl mit Pfeil-Funktionen, die Sie verwenden können: [1,2,3].forEach(v=>console.log(v)). 😉
- In der Tat, ich kann nicht glauben, ich war immer noch mit dem long-form-Funktion-Ausdruck als argument forEach (und Freunde) in der frühen 2014. Muss umgeschaltet, kurz, nachdem, obwohl.
InformationsquelleAutor Ray Toal
11

Dies funktioniert:
```
[1,2,3,4,5].forEach(console.log.bind(console));
```
- Super Antwort, würde ich mag, um Sie zu markieren, als angenommen, aber könnten Sie erklären (für diejenigen, die nicht wissen), was Ihr code tut? Wenn nicht, ich fürchte, ich werde akzeptieren müssen, von mir, das ist ein bisschen mehr informativ. Dank
- Funktioniert nicht in Knoten v6: > [1,2,3].forEach(console.log.bind(Konsole)) 1 0 [ 1, 2, 3 ] 2 1 [ 1, 2, 3 ] 3 2 [ 1, 2, 3 ]
- Immer noch nicht in Knoten v7. Ich möchte vermeiden, diese Lösung, wenn man einfach die Anmeldung der Elemente des Arrays. Diese Antwort gilt console.log auf die drei Parameter der callback-und druckt sehr chaotisch und unerwünschten Ausgang. Es war wahrscheinlich die Arbeit zurück, als die Antwort geschrieben wurde, aber, aber nur, weil die JavaScript-Implementierung war falsch, IMHO. Der Rückruf dauert drei Parameter in diesen Tagen.
InformationsquelleAutor Tomasz Nurkiewicz
9

Tatsächlich, wie @SLaks darauf hingewiesen, Konsole.log scheint mit this intern und wenn es als parameter übergeben this bezieht sich jetzt auf die array-Instanz.

Die Abhilfe ist einfach:

var c = console.log.bind(console);
[1,2,3,4,5].forEach(c);

InformationsquelleAutor Pablo Fernandez
-5

Kann ich nicht sagen, ich habe gesehen, dass der syntax, aber meine Vermutung ist, weil Protokoll einen parameter erwartet, als die Nachricht/Objekt/etc anmelden, in der Konsole.

im ersten Beispiel, Sie sind nur auf der Durchreise eine Funktionsreferenz zu forEach, das ist in Ordnung, wenn Ihre Funktion nicht erwarten, dass Parameter, die die Funktion verhält sich wie erwartet. Im zweiten Beispiel übergeben Sie in e und dann melden Sie es.
- Falsch; forEach ist ein parameter übergeben wird.
- der Punkt ich versuche zu machen ist jedoch, dass die parameter übergeben werden muss-Konsole.log zwar, also Konsole.log(e)
- Ja, und das ist genau das, was passiert. Es gibt keinen Unterschied zwischen einer Funktion von einer Funktion Ausdruck und eine Funktion von einer Eigenschaft.
InformationsquelleAutor thescientist

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.