Файл: SafeString.js
// Build out our basic SafeString type
function SafeString(string) {
this.string = string;
}
SafeString.prototype.toString = function() {
return "" + this.string;
};
export default SafeString;
Я никогда не видел export default
раньше. Есть ли что-то подобное, export default
что может быть легче понять?
javascript
node.js
ecmascript-6
damphat
источник
источник
export
Детали ключевого слова здесь . В настоящее время он не поддерживается ни одним из веб-браузеров.Ответы:
Это часть модульной системы ES6, описанной здесь . В этой документации также есть полезный пример:
Обновление: по состоянию на июнь 2015 года система модулей определена в §15.2, а
export
синтаксис, в частности, определен в §15.2.3 спецификации ECMAScript 2015.источник
export const Foo = () => {}
а затем в конце файлаexport default Foo
я вижу это в куче примеров реакции. Что с двумя экспортами?import foo, { bar, baz } from './foo';
import foo from "foo"
? Был ли объект, который содержал foo, так как в первом примере ваша экспортируемая функция не названа. @pswgexport default
используется для экспорта одного класса, функции или примитива из файла сценария.Экспорт также может быть записан как
Это используется для импорта этой функции в другой файл скрипта
Сказать в app.js , вы можете
Немного об экспорте
Как следует из названия, он используется для экспорта функций, объектов, классов или выражений из файлов скриптов или модулей.
Utiliites.js
Это можно импортировать и использовать как
App.js
Или
Когда используется экспорт по умолчанию, это намного проще. Файлы сценариев просто экспортируют одну вещь. cube.js
и используется как App.js
источник
export default function(){}
может использоваться, когда функция не имеет имени. В файле может быть только один экспорт по умолчанию. Альтернативой является именованный экспорт.Эта страница подробно
export default
описывает, а также другие подробности о модулях, которые я нашел очень полезными.источник
default
значит, и для меня вопрос был об этом слове.default
означает, что экспорт по умолчанию может быть импортирован без использования фигурных скобок. Этот ответ на самом деле довольно неправильный, так как он говорит, что вы можете использоватьdefault
его только в том случае, если в файле есть только один экспорт, что вовсе не соответствует действительности. Вы можете иметь несколько экспортов в одном файле, но, конечно, только один из них может быть установлен какdefault
один.Я пишу этот пост, потому что (я полагаю, я устал), я не совсем понял ни MDN, ни описание других людей, и лучший способ понять что-то - это научить этому других людей. Просто я не вижу простого ответа на вопрос.
Я проиллюстрирую эту строку на простом примере.
Допустим, у нас есть 3 модуля и index.html:
modul.js
modul2.js
modul3.js
index.html
Выход:
Итак, более длинное объяснение :
«экспорт по умолчанию» используется, если вы хотите экспортировать одну вещь для модуля.
Таким образом, важно то, что вы импортируете blabla из './modul3.js' - вместо этого мы можем сказать:
"импортировать pamelanderson из './modul3.js", а затем pamelanderson (); Это будет прекрасно работать, когда мы используем «экспорт по умолчанию», и в основном это так - он позволяет нам называть его как угодно, когда он используется по умолчанию .
Ps Если вы хотите протестировать пример - сначала создайте файлы, затем разрешите CORS в браузере -> если вы используете тип firefox в URL браузера: about: config -> Search for "privacy.file_unique_origin" -> change в «false» -> открыть index.html -> нажмите F12, чтобы открыть консоль и увидеть вывод -> Наслаждайтесь и не забудьте вернуть настройки cors по умолчанию.
Ps2 извините за глупые переменные именования
Больше информации @ link2medium , link2mdn1 , link2mdn2
источник
Как объяснено на этой странице MDN
Например:
источник
По моему мнению, важен экспорт по умолчанию, который МОЖЕТ быть импортирован с ЛЮБОМ именем!
если есть файл foo.js, который экспортирует по умолчанию:
его можно импортировать в bar.js используя:
источник
Именованный Экспорт
Экспорт по умолчанию
// вы можете использовать другое имя для импорта по умолчанию
источник
экспорт по умолчанию используется для экспорта одного класса, функции или примитива.
функция экспорта по умолчанию () {} может использоваться, когда функция не имеет имени. В файле может быть только один экспорт по умолчанию.
читать далее
источник