«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Кудрявые скобки в едином модуле ES6 импорт: когда их использовать, а когда нет?

Кудрявые скобки в едином модуле ES6 импорт: когда их использовать, а когда нет?

Опубликовано в 2025-02-25
Просматривать:529

Curly Braces in ES6 Single Module Imports: When to Use Them and When Not To?

когда использовать Curly Braces для ES6 Imports

в ES6, используя фигурные скобки для импорта одного модуля, может ввести неожиданное поведение. Чтобы уточнить, когда использовать и избежать кудрявых скобородок, давайте рассмотрим различие между по умолчанию и с именем экспорта. «По сути, импорт экспорта по умолчанию. Экспорты по умолчанию объявляются как:

export default ; В приведенном примере, initialState.js содержит экспорт по умолчанию для объекта начального стата. Поэтому вы можете получить доступ к нему без Curly Braces:

import initialState из './todoinitialState' ;;m&&&&&^&&&&^&&&&^ nexport

export default ;
, если вам нужно импортировать Определенное экспортированное значение, вы должны использовать кудрявые скобки. Именованные экспорты объявляются как:

export const = ;
import initialState from './todoInitialState';
в примере todoreducer.js, вы пытаетесь получить доступ к TODO с именем export:

import {todo} из './todoinitialState' ;;m&&&Z&Z&&Zеда^&&&едаеда* против избегания их

Правило эмпирического правила состоит в том, чтобы использовать фигурные скобки при импорте именованных экспорт и избегать их при импорте экспорта по умолчанию. Вот суммированный разбил:

export default ;

] Использовать Curly Braces:
export default ;

при импорте конкретного названного export

  • избегает кудри Braces:

    при импорте экспорта по умолчанию из модуля только с одним экспортом по умолчанию
    • при импорте нескольких экспорт из модуля, независимо от того, по умолчанию или по имени. Exports
  • example

      рассмотрите следующий пример:
    • // a.js экспорт по умолчанию MyComponent; Export const childComponent = () => {};
    • для импорта этих экспорт:

export по умолчанию (mycomponent):

&&&] импортировать mycomponent из './A's;^&&^&By&í&&&Z&]&&&Z&]&&&Z&]&&&oumednamed Export (ChildComponent):

// A.js
export default MyComponent;
export const ChildComponent = () => {};

, понимая разницу между экспортами по умолчанию и с именем, вы можете правильно определить, когда использовать Curly Brace Для импорта единого модуля в ES6.
    ]
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3