Wird in ECMAScript/Javascript 6 ein IIFE für die Klasse benötigt?

Question

Wenn ich

Class Car {} 

muss ich das wickeln mit unserer Funktion Schließung? Werden Var's zum Fenster gehievt? oder einfach nur zur Klasse? Wie sieht es mit der Transposition aus? Verwandelt Traceur/Babel es in ein IIFE und lassen Sie uns in Var's?

Muss ich brauche:

(function(){ 
    Class Car() {} 
}()); 

sicher zu sein?

Answer 1

Sie können schauen, was passiert, wenn Babel Code transpiles here

Sie brauchen keine IIFE zu verwenden, wenn Sie die Klasse verstecken wollen, und die var Class, die hochgezogen wird, erzeugt wird als jede Variable: Die Deklaration wird am Anfang stattfinden, aber die Zuordnung erfolgt in der ursprünglichen Zeile.

Und ja, Babel dreht let in var, aber es kümmert sich auch Scoping funktioniert wie erwartet mit zusätzlichen Anweisungen. Wenn Sie nur ES6-Code schreiben und ausführen möchten, sollten Sie sich keine Gedanken um diese Details machen. Folgen Sie einfach dem ES6 (ES2015) -Standard.

Answer 2

Nein, es ist nicht notwendig, es so zu verpacken, wie es in Code ist, der als ES6-Modul behandelt wird. In den Standardeinstellungen von Babel werden Eingabecode und Dateien als Module behandelt. Babel führt Funktionen an verschiedenen Stellen ein, um die korrekte Bereichsdefinition zu implementieren, und wandelt let in var um, wenn der entsprechende Transformator aktiviert ist.

ES6 Module sind immer im strikten Modus und hier ist es, was die Spezifikation im strikten Modus über Zuordnung sagt:

Zuordnung zu einem nicht deklarierten Bezeichner oder auf andere Weise nicht auflösbaren Referenz keine Eigenschaft im globalen Objekt erstellen. Wenn innerhalb des strikten Moduscodes eine einfache Zuweisung stattfindet, darf dessen LeftHandSide nicht zu einer nicht auflösbaren Referenz ausgewertet werden.

http://www.ecma-international.org/ecma-262/6.0/#sec-strict-mode-of-ecmascript

Was genau meinen Sie ?:

var Sie ist zu gehisst bekommen [...] die Klasse?

Answer 3

Es muss nicht ein IIFE Wrapper für die Klasse Auto sein, wie hier gezeigt, in der Tat, die einen Ausführungskontext und versteckt die Klasse aus dem Rest der Seite wird erstellen.

Sie würde also lass es einfach als (nicht das untere Gehäuse)

class Car(){} 

Var noch in der gleichen Art und Weise hochgezogen wird es vorher war. Es wird an den Anfang des Ausführungskontexts gehoben. Wenn sich der Code momentan im Kontext des Fensters befindet, wird die Variable dort enden.

Klassen sind nicht hochgezogen in ECMAScript 6. So wird die Klasse erst verfügbar sein, nachdem es deklariert wurde.