Quand utiliser les crochets dans la syntaxe d'importation JavaScript ?

Utilisation de crochets avec la syntaxe d'importation JavaScript

En JavaScript, il existe différentes manières d'importer des modules et des bibliothèques. Une méthode courante consiste à utiliser des crochets avec la syntaxe d'importation. Syntaxe :

<code class="javascript">import { Component, PropTypes } from 'react';</code>

Cette syntaxe diffère d'une version plus simple :

<code class="javascript">import React, Component, PropTypes from 'react';</code>

Comprendre la différence

La syntaxe entre parenthèses importe uniquement des les exportations nommées, tandis que la syntaxe sans crochets importe à la fois l'exportation par défaut et les exportations nommées. Voici une répartition :

<code class="javascript">import React, { Component, PropTypes } from 'react';</code>

• Importe l'exportation par défaut React sous le même nom.
• Importe les exportations nommées Component et PropTypes sous les mêmes noms.

Ceci combine les deux syntaxes courantes :

<code class="javascript">import React from 'react';
import { Component, PropTypes } from 'react';</code>

En général, les modules fournissent soit une exportation par défaut, soit des exportations nommées. Cependant, il est possible d'avoir les deux. Dans les cas où la fonctionnalité la plus courante est exportée par défaut, tandis que les fonctionnalités supplémentaires sont exportées sous forme d'exportations nommées, la syntaxe entre crochets est appropriée.

Notes supplémentaires

• Le nom d'importation de la syntaxe à partir de "nom-module" ; importe en fait l'exportation par défaut du module.
• La syntaxe importe MyModule, {foo, bar} depuis "my-module.js" ; importe l'exportation par défaut MyModule et les exportations nommées foo et bar. Les exports nommés ne sont pas accessibles via MyModule.
• La syntaxe import * as MyModule from 'my-module'; importe toutes les exportations et les rend accessibles sous MyModule.name.

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!