在 JavaScript 中,使用 ES6 模块进行代码导入和导出,需要使用 import
和 export
关键字。
使用 export
关键字可以将模块中的某个函数、变量或对象导出,以供其他模块使用。例如:
// 导出一个函数
export function square(x) {
return x * x;
}
// 导出一个变量
export const DEFAULT_VALUE = 0;
// 导出一个对象
export const person = {
name: 'John',
age: 30
};
同时,还可以使用 export default
关键字将默认导出一个函数、变量或对象。例如:
// 导出一个函数
export default function square(x) {
return x * x;
}
// 导出一个变量
export default const DEFAULT_VALUE = 0;
// 导出一个对象
export default const person = {
name: 'John',
age: 30
};
使用 import
关键字可以在一个模块中导入另一个模块中导出的函数、变量或对象。例如:
// 导入一个函数
import { square } from './math.js';
// 导入一个变量
import { DEFAULT_VALUE } from './config.js';
// 导入一个对象
import { person } from './person.js';
注意:在导入时,需要指定导出的名称,否则无法访问。同时,导入的模块路径需要使用相对路径或绝对路径。
除了上述方式外,还可以使用 import * as
语法将一个模块中的所有导出内容都导入。例如:
// 导入一个模块中的所有导出内容
import * as math from './math.js';
math.square(2); // 使用导入的函数
需要注意的是,ES6 模块是静态的,也就是说在导入时会将整个模块加载进来,而不是在代码运行时动态加载。