在 JavaScript 中使用 ES6 模块化可以通过 import 和 export 关键字进行代码的管理和组织。
export 关键字export 用于导出模块中的变量、函数或对象，以便其他模块可以使用它们。有两种导出方式：命名导出和默认导出。
通过 export 关键字可以将变量、函数或对象进行命名导出，例如：
// module.js
export const name = 'John';
export function sayHello() {
console.log('Hello!');
}
export const person = {
name: 'Lucy',
age: 18
};在其他模块中可以使用 import 关键字引入上述模块中导出的变量、函数或对象，例如：
// app.js
import { name, sayHello, person } from './module.js';
console.log(name); // 输出 'John'
sayHello(); // 输出 'Hello!'
console.log(person.name); // 输出 'Lucy'通过 export default 关键字可以将一个变量、函数或对象进行默认导出，例如：
// module.js
const name = 'John';
function sayHello() {
console.log('Hello!');
}
const person = {
name: 'Lucy',
age: 18
};
export default person;在其他模块中可以直接使用 import 关键字引入上述模块中默认导出的变量、函数或对象，例如：
// app.js
import person from './module.js';
console.log(person.name); // 输出 'Lucy'import 关键字import 用于引入其他模块中导出的变量、函数或对象，并使其在当前模块中可用。import 关键字支持以下两种方式：
通过 import { } 的方式可以引入其他模块中通过 export 关键字命名导出的变量、函数或对象，例如：
// module.js
export const name = 'John';
export function sayHello() {
console.log('Hello!');
}
export const person = {
name: 'Lucy',
age: 18
};// app.js
import { name, sayHello, person } from './module.js';
console.log(name); // 输出 'John'
sayHello(); // 输出 'Hello!'
console.log(person.name); // 输出 'Lucy'通过 import default 的方式可以引入其他模块中通过 export default 关键字默认导出的变量、函数或对象，例如：
// module.js
const name = 'John';
function sayHello() {
console.log('Hello!');
}
const person = {
name: 'Lucy',
age: 18
};
export default person;// app.js
import person from './module.js';
console.log(person.name); // 输出 'Lucy'需要注意的是，在引入默认导出时，可以使用任意变量名进行引入，例如：
// app.js
import myPerson from './module.js';
console.log(myPerson.name); // 输出 'Lucy'