require()
использовалась для импорта функций и кода во внешние файлы и модули. Хотя это удобно, это создает проблему: некоторые файлы и модули довольно большие, и вам может понадобиться только определенный код из этих внешних ресурсов. ES6 дает нам очень удобный инструмент, известный как импорт . С его помощью мы можем выбрать, какие части модуля или файла загружать в данный файл, экономя время и память. Рассмотрим следующий пример. Представьте, что math_array_functions
имеет около 20 функций, но мне нужен только один countItems
в моем текущем файле. Старый метод require()
заставил бы меня задействовать все 20 функций. С помощью этого нового синтаксиса import
я могу привести только желаемую функцию, например: import {countItems} из "math_array_functions"Описание приведенного выше кода:
import {function} из "file_path_goes_here"Существует несколько способов написания оператора
// Мы также можем импортировать переменные одинаково!
import
, но это очень распространенный случай использования. Заметка import
. Заметка import
и заявления, которые мы вводим на оставшихся уроках, не будут работать в браузере напрямую. Однако мы можем использовать различные инструменты для создания кода из этого, чтобы он работал в браузере. Заметка ./
перед ним; в противном случае узел будет выглядеть в каталоге node_modules
сначала пытаясь загрузить его как зависимость. import
, который позволит текущему файлу использовать функцию capitalizeString
. Файл, в котором работает эта функция, называется "string_functions"
, и он находится в том же каталоге, что и текущий файл. import
testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid import
statement");'
```