Datei: SafeString.js
// Build out our basic SafeString type
function SafeString(string) {
this.string = string;
}
SafeString.prototype.toString = function() {
return "" + this.string;
};
export default SafeString;
Ich habe noch nie gesehen export default
. Gibt es gleichwertige Dinge export default
, die leichter zu verstehen sind?
javascript
node.js
ecmascript-6
Damphat
quelle
quelle
export
Keyword-Details hier . Derzeit ist es nicht nativ von einem der Web - Browsern unterstützt.Antworten:
Es ist Teil des hier beschriebenen ES6-Modulsystems . In dieser Dokumentation finden Sie auch ein hilfreiches Beispiel:
Update: Ab Juni 2015 ist das Modulsystem in §15.2 definiert und die
export
Syntax insbesondere in §15.2.3 der ECMAScript 2015-Spezifikation.quelle
export const Foo = () => {}
und am Ende der Dateiexport default Foo
sehe ich dies in einer Reihe von Reaktionsbeispielen. Was ist mit den beiden Exporten?import foo, { bar, baz } from './foo';
import foo from "foo"
? Gab es ein Objekt, das foo enthielt, da Ihre exportierte Funktion im ersten Beispiel unbenannt ist. @pswgexport default
wird verwendet, um eine einzelne Klasse, Funktion oder ein Grundelement aus einer Skriptdatei zu exportieren.Der Export kann auch als geschrieben werden
Dies wird verwendet, um diese Funktion in eine andere Skriptdatei zu importieren
Sagen Sie in app.js , Sie können
Ein wenig über den Export
Wie der Name schon sagt, werden damit Funktionen, Objekte, Klassen oder Ausdrücke aus Skriptdateien oder -modulen exportiert
Utiliites.js
Dies kann importiert und als verwendet werden
App.js.
Oder
Wenn die Export-Standardeinstellung verwendet wird, ist dies viel einfacher. Skriptdateien exportieren nur eine Sache. cube.js
und als App.js verwendet
quelle
export default function(){}
kann verwendet werden, wenn die Funktion keinen Namen hat. Es kann nur einen Standardexport in einer Datei geben. Die Alternative ist ein benannter Export.Diese Seite beschreibt
export default
ausführlich sowie andere Details zu Modulen, die ich sehr hilfreich fand.quelle
default
bedeutet, und für mich ging es um dieses Wort.default
bedeutet, dass der Standardexport ohne geschweifte Klammern importiert werden kann. Diese Antwort ist eigentlich ziemlich falsch, da sie besagt, dass Sie sie nur verwenden können,default
wenn eine Datei nur einen Export enthält, was überhaupt nicht zutrifft. Sie können mehrere Exporte in derselben Datei haben, aber natürlich kann nur einer davon alsdefault
einer festgelegt werden.Ich schreibe diesen Beitrag, weil ich (ich nehme an, ich bin müde) weder MDN noch die Beschreibung anderer Leute verstanden habe und der beste Weg, etwas zu verstehen, darin besteht, es anderen Leuten beizubringen. Ich sehe nur keine einfache Antwort auf die Frage.
Ich werde diese Zeile anhand eines einfachen Beispiels veranschaulichen.
Nehmen wir an, wir haben 3 Module und eine index.html:
modul.js
modul2.js
modul3.js
index.html
Die Ausgabe ist:
Die längere Erklärung lautet also :
'Standard exportieren' wird verwendet, wenn Sie eine einzelne Sache für ein Modul exportieren möchten.
Wichtig ist also "import blabla from './modul3.js'" - wir könnten stattdessen sagen:
"importiere pamelanderson von './modul3.js" und dann pamelanderson (); Dies funktioniert einwandfrei, wenn wir 'Standard exportieren' verwenden, und im Grunde ist es das - es ermöglicht uns, es zu benennen, was immer wir wollen, wenn es Standard ist .
Ps Wenn Sie das Beispiel testen möchten - zuerst die Dateien erstellen, dann CORS im Browser zulassen -> wenn Sie Firefox verwenden, geben Sie die URL des Browsers ein: about: config -> Suchen Sie nach "privacy.file_unique_origin" -> change es auf "false" -> index.html öffnen -> F12 drücken, um die Konsole zu öffnen und die Ausgabe anzuzeigen -> Genießen Sie und vergessen Sie nicht, die Cors-Einstellungen auf die Standardeinstellungen zurückzusetzen.
Ps2 Entschuldigung für die dumme Benennung der Variablen
Weitere Informationen unter link2medium , link2mdn1 , link2mdn2
quelle
Wie dazu erklärt MDN-Seite
Zum Beispiel:
quelle
Meiner Meinung nach ist es wichtig , dass der Standardexport mit JEDEM Namen importiert werden kann!
Wenn es eine Datei foo.js gibt, die standardmäßig exportiert:
Es kann in bar.js importiert werden mit:
quelle
Benannter Export
Standardexport
// Sie können einen anderen Namen für den Standardimport verwenden
quelle
Die Standardeinstellung export wird verwendet, um eine einzelne Klasse, Funktion oder ein Grundelement zu exportieren.
export default function () {} kann verwendet werden, wenn die Funktion keinen Namen hat. Es kann nur einen Standardexport in einer Datei geben.
Weiterlesen
quelle