Maison > interface Web > js tutoriel > Importations ES6 : accolades – Quand les utiliser et quand ne pas les utiliser ?

Importations ES6 : accolades – Quand les utiliser et quand ne pas les utiliser ?

Mary-Kate Olsen
Libérer: 2024-12-14 01:53:09
original
765 Les gens l'ont consulté

ES6 Imports: Curly Braces – When to Use Them and When Not To?

Accolades ES6 dans les importations d'un seul module : quand les utiliser

Lors de l'importation d'un seul module dans ES6, il est important de comprendre la différence entre les importations par défaut et les importations nommées, qui déterminent l'utilisation d'accolades.

Importations par défaut (sans Accolades)

Les importations par défaut sont utilisées lorsque le module exporté a une seule valeur d'exportation par défaut. Cette valeur est importée directement sans accolades, comme le montre l'exemple donné :

import initialState from './todoInitialState';
Copier après la connexion

Dans ce cas, le module initialState.js a une exportation par défaut nommée initialState. Cet export par défaut est ensuite directement importé à l'aide de import initialState from ....

Importations nommées (avec accolades)

Les importations nommées sont utilisées lorsque le module exporté contient des les exportations, qui sont des exportations spécifiques avec des identifiants nommés. Pour importer des exportations nommées, des accolades sont utilisées, comme dans :

import { A } from './A';
Copier après la connexion

Ici, le module A contient une exportation nommée appelée A, qui est importée à l'aide d'accolades.

Quand utiliser les accolades

Les accolades sont utilisées lors de l'importation d'exportations nommées, où des identifiants nommés spécifiques sont exportés à partir du modules. Dans l'exemple donné, l'utilisation d'accolades pour importer initialState a entraîné une erreur car initialState est une exportation par défaut, pas une exportation nommée.

Quand ne pas utiliser d'accolades

Les accolades ne sont pas utilisées lors de l'importation des exportations par défaut. Les exportations par défaut n'ont pas d'identifiant spécifique et peuvent être importées directement sans accolades, comme le montre l'exemple import initialState from ....

En résumé, les accolades dans les importations du module ES6 indiquent que les exportations nommées sont en cours d'importation. Les exportations par défaut n'utilisent pas d'accolades et sont importées directement par leur nom d'exportation par défaut.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal