Wo können es6-Pfeilfunktionen nicht verwendet werden?-Front-End-Fragen und Antworten-php.cn

Wo können es6-Pfeilfunktionen nicht verwendet werden?

WBOY

Freigeben： 2022-03-31 19:02:47

Original

1838 Leute haben es durchsucht

In es6 kann die Pfeilfunktion nicht in der Berechnung verwendet werden, da dieser Punkt in der Pfeilfunktion auf dem Kontext basiert und dieser Punkt der Pfeilfunktion in der Berechnung auf das Fenster zeigt, sodass die Daten nicht angezeigt werden können Die Pfeilfunktion kann nicht in berechneten . verwendet werden.

Wo können es6-Pfeilfunktionen nicht verwendet werden?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Wo die Pfeilfunktion in es6 nicht verwendet werden kann

Dies in der Pfeilfunktion basiert auf dem Kontext. Da der entsprechende Inhalt nicht gefunden werden kann, zeigt er auf das Fenster und die Daten können nicht erscheinen.

Beispiele sind wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>计算缓存</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{name}}</p>
</div>
<script>
new Vue({
el:"#app",
data:{
   firstName:"Zheng",
   lastName:"yifeng"
},
// 计算属性不能用箭头函数,箭头函数的this会指向window
computed:{
name(){
return this.firstName+this.lastName
}
//this => window
// name:()=>console.log(this)
        }
})
</script>
</body>
</html>

Nach dem Login kopieren

Wissen erweitern:

Die Pfeilfunktion hat ihre Bequemlichkeit und ihre Vorteile, aber sie hat auch Nachteile. Ihr Vorteil besteht darin, dass der Code prägnant ist und dies im Voraus definiert ist Die Nachteile sind auch die gleichen, wie z. B. Der Code ist zu prägnant, was die Lesbarkeit erschwert. Dies wird im Voraus definiert, sodass es unmöglich ist, mit js einige scheinbar normale Vorgänge in es5 auszuführen. Angesichts dieser Mängel möchte ich im Folgenden die Umstände zusammenfassen, unter denen Pfeilfunktionen nicht verwendet werden sollten.

Funktionen für Objekte definieren
Funktionen für Prototypen definieren
Rückruffunktionen in dynamischen Kontexten
In Konstruktoren
kurze (unverständliche) Funktionen

Da Es besteht kein Zweifel, dass Pfeilfunktionen viel Komfort bieten. Durch die ordnungsgemäße Verwendung von Pfeilfunktionen können wir die Verwendung der frühen .bind()-Funktion oder von Stellen, an denen ein fester Kontext erforderlich ist, vermeiden und den Code prägnanter gestalten.

Pfeilfunktionen haben auch einige Unannehmlichkeiten. Wir können Pfeilfunktionen nicht verwenden, wenn dynamischer Kontext erforderlich ist: Definieren von Funktionen, die dynamischen Kontext erfordern, Konstruktoren, Rückruffunktionen, die dieses Objekt als Ziel erfordern, und Anweisungen, die mit Pfeilfunktionen schwer zu verstehen sind. In anderen Fällen können Sie gerne Pfeilfunktionen verwenden.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

Das obige ist der detaillierte Inhalt vonWo können es6-Pfeilfunktionen nicht verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!