В модуле module.js мы можем включить следующий код:
// module "my-module.js"
function cube(x) {
return x * x * x;
}
const foo = Math.PI + Math.SQRT2;
var graph = {
options: {
color:'white',
thickness:'2px'
},
draw: function() {
console.log('From graph draw function');
}
}
export { cube, foo, graph };
Тогда в модуле верхнего уровня, включенном в вашу HTML-страницу, мы могли бы иметь:
import { cube, foo, graph } from 'my-module.js';
graph.options = {
color:'blue',
thickness:'3px'
};
graph.draw();
console.log(cube(3)); // 27
console.log(foo); // 4.555806215962888
Использование экспорта по умолчанию
Если мы хотим экспортировать одно значение или иметь запасное значение для вашего модуля, вы можете использовать экспорт по умолчанию:
// module "my-module.js"
export default function cube(x) {
return x * x * x;
}
Затем в другом сценарии легко импортировать экспорт по умолчанию:
import cube from './my-module.js';
console.log(cube(3)); // 27