Qu'est-ce que l'exportation “par défaut” en javascript?
Fichier: SafeString.js
//Build out our basic SafeString type
function SafeString(string) {
this.string = string;
}
SafeString.prototype.toString = function() {
return "" + this.string;
};
export default SafeString;
Je n'ai jamais vu export default
avant. Il n'existe aucun équivalent de trucs pour export default
qui peut être plus facile à comprendre?
- C'est un très explication claire sur ce 24ways.org/2014/javascript-modules-the-es6-way
export
mot clé de détails ici. Il n'est actuellement pas pris en charge nativement par les navigateurs web.- C'est maintenant pris en charge dans tous les navigateurs, mais IE.
- Très bonne réponse de stackoverflow.com/a/36426988/5473170
Vous devez vous connecter pour publier un commentaire.
C'est une partie de l'ES6 module de système, décrit ici. Il est un exemple utile dans cette documentation, aussi:
Mise à jour: en juin 2015, le module de système est défini dans §15.2 et la
export
syntaxe, en particulier, est défini dans §15.2.3 de l'ECMAScript 2015 cahier des charges.module "foo" {
et la fin}
). Tout le reste dans cette réponse, c'est encore correct.export const Foo = () => {}
et puis à la fin du fichierexport default Foo
je vois cela dans un tas de réagir exemples. Qu'est-ce les deux les exportations?import foo, { bar, baz } from './foo';
export default
est utilisé pour exporter une seule classe, une fonction ou une primitive à partir d'un fichier de script.L'exportation peut également être écrit comme
Ce est utilisé pour importer cette fonction dans un autre fichier de script
Dire dans app.js, vous pouvez
Un peu plus sur l'exportation
Comme son nom l'indique, il est utilisé pour l'exportation des fonctions, des objets, des classes ou des expressions à partir de fichiers de script ou de modules
Utiliites.js
Cela peut être importés et utilisés comme
App.js
Ou
Lors de l'export par défaut est utilisé, c'est beaucoup plus simple. Les fichiers de Script exporte juste une chose.
cube.js
et utilisé comme
App.js
export default function(){}
peut être utilisée lorsque la fonction n'a pas de nom. Il peut seulement être un défaut de l'exportation dans un fichier. L'alternative est nommé à l'exportation.Ce page décrit
export default
en détail ainsi que d'autres détails sur les modules que j'ai trouvé très utile.default
dire, et pour moi la question était à propos de ce mot.default
signifie, que l'exportation par défaut peuvent être importés sans l'aide de croisillons. Cette réponse est en fait assez de mal comme il est dit, vous ne pouvez utiliserdefault
quand il y a un seul exporter dans un fichier, ce qui n'est pas vrai du tout. Vous pouvez avoir plusieurs exportations dans le même fichier, mais seulement 1 d'entre eux peut être définie comme ladefault
un.Comme expliqué sur ce MDN page
Par exemple: