Qu'est-ce que l'exportation par défaut dans JavaScript?

L'une des meilleures choses qu'un langage de programmation peut apporter à la table est sa capacité à fournir au programmeur la liberté de modularité. La modularité est essentiellement le processus de division d'un problème apparemment massif en morceaux plus petits et gérables. Et précisément, c'est ce que JavaScript fournit à l'aide de exportations.

Dans la version ESMAV6 de JavaScript, deux types d'exportations différents sont disponibles pour le programmeur. L'un est connu comme le Exportations nommées, Et l'autre est connu comme le Exporter par défaut, Et nous nous concentrerons sur ce dernier.

Qu'est-ce que l'exportation par défaut utilisée pour?

Les défauts d'exportation sont utilisés pour exporter un seul module, variable, expression ou fonction à partir d'un fichier javascript afin qu'il puisse être utilisé dans tout autre fichier du même programme ou même dans un programme entièrement différent.

Pour obtenir cet élément exporté dans l'autre fichier ou programme, nous utilisons un importer déclaration, mais la chose avec la valeur par défaut de l'exportation est que lors de l'importation, nous n'avons pas à nous soucier du nom utilisé dans le fichier d'exportation.

Comment exporter une seule fonction à l'aide de l'exportation par défaut?

Pour démontrer cela, nous allons créer deux fichiers différents, l'un sera un démo fichier, et l'autre va être un exporter fichier comme tel:

Dans l'exportation.Fichier JS, nous allons créer une nouvelle fonction qui va nous imprimer la zone d'un carré en utilisant la longueur de son côté comme

Fonction AreafSquare (longueur)
longueur de retour * longueur;

Maintenant, à la fin de ce fichier, nous allons utiliser le mot-clé d'exportation par défaut pour exporter cette fonction comme

Exporter une zone par défaut OfFSquare;

À l'intérieur de la démo.Fichier JS, nous allons d'abord importer cette fonction dans notre programme comme fonction de la zone comme:

Importer une fonction de zone à partir de "./exporter.js ";

Après cela, nous allons créer une variable de longueur, et nous allons définir la longueur d'un carré:

Longueur var = 4;

Ensuite, nous pouvons simplement imprimer le carré en utilisant la fonction de journal de console suivant comme:

console.Journal ("la zone du carré est comme" + Areafunction (longueur));

Après avoir exécuté uniquement la démo.Fichier JS, nous obtenons la sortie suivante sur notre terminal:

Vous avez pu utiliser la fonction qui a été exportée de l'autre fichier.

Comment exporter une variable à l'aide de l'exportation par défaut?

Dans l'exportation.Fichier JS, créez simplement une nouvelle variable nommée comme rayonof circle comme

var radiusofCircle = 12;

À la fin du fichier, exportez simplement cette variable à l'aide de la commande:

Exporter RadiusOfCircle par défaut;

Maintenant, dans la démo.Fichier JS, permet d'abord créer une fonction qui va nous trouver la zone d'un cercle en utilisant son rayon avec les lignes suivantes:

Fonction Areafriccle (Radius)
retour 3.1415 * (rayon * rayon);

Maintenant, importons le rayon de l'exportation.Fichier JS avec la ligne suivante:

Importer un rayon-circle à partir de "./exporter.js ";

Enfin, imprimons le cercle en utilisant la ligne suivante:

console.Log ("La zone de cercle est:" + Areafriccle (radiusofCircle));

Après l'exécution, nous obtenons le résultat suivant sur notre terminal:

Comme vous pouvez le voir, nous avons pu imprimer la zone du cercle en utilisant le rayon qui a été défini dans l'autre fichier.

Conclusion

JavaScript fournit deux types d'exportations différents qui permettent au programmeur à exporter un module, une expression, une chaîne ou un littéral d'un fichier à un autre. La défaut d'exportation est utilisée lorsqu'il n'y a qu'une seule exportation à faire à partir d'un fichier particulier et lors de l'importation de cet élément, nous n'avons pas à nous soucier de donner le même nom à notre importation. Cette combinaison d'exportation et d'importation nous permet d'implémenter la modularité.