Maison > interface Web > js tutoriel > Quand utiliser les crochets dans la syntaxe d'importation JavaScript ?

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

DDD
Libérer: 2024-11-02 05:55:30
original
748 Les gens l'ont consulté

When to Use Brackets in JavaScript Import Syntax?

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 :

1

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

Copier après la connexion

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

1

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

Copier après la connexion

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 :

1

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

Copier après la connexion
  • 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 :

1

2

<code class="javascript">import React from 'react';

import { Component, PropTypes } from 'react';</code>

Copier après la connexion

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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal