Was ist ein "export-Voreinstellung" in javascript?

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;

Habe ich noch nie gesehen export default vor. Gibt es gleichwertige Sachen für export default dass kann einfacher sein, zu verstehen?

Dies ist eine sehr klare Erklärung über das 24ways.org/2014/javascript-modules-the-es6-way
export keyword-details hier. Derzeit ist es nicht nativ unterstützt, indem Sie eine der web-Browser.
Es unterstützt jetzt in allen Browsern, aber der IE.
Sehr gute Antwort stackoverflow.com/a/36426988/5473170

InformationsquelleAutor damphat | 2014-01-14

  1. 352

    Es ist Teil des ES6-Modul-system, hier beschrieben. Es ist ein hilfreiches Beispiel in dieser Dokumentation, auch:

    Wenn ein Modul definiert einen Standard-export:

    export default function() { console.log("hello!") }

    dann können Sie import -, Standard-export durch das weglassen der geschweiften Klammern:

    import foo from "foo";
foo(); //hello!

    Update: Juni 2015, das Modul-system definiert ist, in §15.2 und die export syntax, in der insbesondere definiert ist, in §15.2.3 der ECMAScript-2015-Spezifikation.

    Nur ein Hinweis für zukünftige Leser, das inline-Modul syntax wurde entfernt ES6 und jetzt nur noch einem Modul ist zulässig, in eine Datei (nur entfernen module "foo" { und das Ende }). Alles andere in dieser Antwort ist trotzdem korrekt.
    Link sagt: "Diese Seite ist nicht mehr aktuell"
    Ich nehme an, dass das zu erwarten, da ES6 ist noch ein Entwurf. Ich habe einen aktualisierten link-und einen disclaimer.
    ES6 genehmigt wurde: infoq.com/news/2015/06/ecmascript-2015-es6
    Ich sehe nicht, wie exportieren Standard function(){} anders exportieren = function(){}....

    InformationsquelleAutor p.s.w.g

  2. 113

    export default wird verwendet, um den export einer einzelnen Klasse, einer Funktion oder primitive aus einer Skript-Datei.

    Den export kann auch geschrieben werden als

    export default function SafeString(string) {
  this.string = string;
}

SafeString.prototype.toString = function() {
  return "" + this.string;
};

    Diese wird verwendet, um zu importieren, diese Funktion in einem anderen Skript-Datei

    Sagen in app.js, können Sie 

    import SafeString from './handlebars/safe-string';

    Ein wenig über den export

    Wie der name schon sagt, wird es verwendet, um export-Funktionen, Objekte, Klassen oder Ausdrücke, die von der Skript-Dateien oder Module

    Utiliites.js

    export function cube(x) {
  return x * x * x;
}
export const foo = Math.PI + Math.SQRT2;

    Diese können importiert und verwendet werden, wie

    App.js

    import { cube, foo } from 'Utilities';
console.log(cube(3)); //27
console.log(foo);    //4.555806215962888

    Oder

    import * as utilities from 'Utilities';
console.log(utilities.cube(3)); //27
console.log(utilities.foo);    //4.555806215962888

    Beim export standardmäßig verwendet wird, ist dies viel einfacher. Skript-Dateien exportiert eine Sache.
    cube.js

    export default function cube(x) {
  return x * x * x;
};

    und als
    App.js

    import Cube from 'cube';
console.log(Cube(3)); //27

    InformationsquelleAutor sudo bangbang

  3. 65

    export default function(){} kann verwendet werden, wenn die Funktion keinen Namen hat. Es kann nur einen Standard-export in eine Datei. Die alternative ist ein export benannt.

    Diese Seite beschreibt export default im detail sowie weitere Angaben über Module, die fand ich sehr hilfreich.

    Sie können Standard-und benannte die Exporte zusammen, wenn Sie wollen.
    gum die Seite ist veraltet. Es ist Weiterleitung zu exploringjs.com/es6/ch_modules.html
    Diese Antwort ist besser als angenommen, weil es erklärt, was default bedeuten, und für mich war die Frage mit diesem Wort.
    die akzeptierte Antwort, die erklärt, was default bedeutet, dass die Standard-export importiert werden kann, ohne Verwendung von Klammern. Diese Antwort ist eigentlich ziemlich falsch, wie man sagt, man kann nur verwenden default wenn es nur einen export in eine Datei, das ist überhaupt nicht wahr. Sie können mehrere Exporte in der gleichen Datei, aber nur 1 von Ihnen kann festgelegt werden, wie die default.
    Ich habe aktualisiert diese Antwort @realUser404

    InformationsquelleAutor Greg Gum

  4. 6

    Erläutert auf dieser MDN Seite

    Gibt es zwei verschiedene Arten von export -, namens-und Standard. Sie können
    haben mehrere benannte Exporte pro Modul, sondern nur ein Standard
    export[...]Benannt Exporte sind nützlich, um exportieren Sie mehrere Werte. Während
    die importieren, ist es zwingend zu verwenden mit dem gleichen Namen des entsprechenden
    Objekt.Aber eine Standard-export importiert werden kann mit jedem Namen

    Beispiel:

    let myVar; export default myVar = 123; //in file my-module.js

import myExportedVar from './my-module' // we have the freedom to use 'import myExportedVar' instead of 'import myVar' because myVar was defined as default export

console.log(myExportedVar);        //will log 123

    InformationsquelleAutor manfall19

Schreibe einen Kommentar