export关键字
注意点:
使用 export 和 import 时,确保你的JavaScript环境支持ES6模块
在JavaScript中,export
关键字主要用于模块化编程,允许你将代码的不同部分导出,使得其他模块可以通过 import
关键字来引入这些部分。这是ES6(ECMAScript 2015)引入的一个新特性,旨在提高代码的模块化和可重用性。
1.导出方式
1. 导出默认成员
如果你只想导出一个默认的成员(可以是函数、类、对象等),可以使用 default
关键字。
// example.js
export default function() {
console.log('Hello, world!');
}
在其他文件中,你可以这样导入它:( ./ 表示当前文件夹, ../ 表示上一个文件夹)
import myFunction from './example.js';
myFunction(); // 输出: Hello, world!
2. 导出命名成员
如果你需要导出多个成员,可以使用命名导出。
// example.js
export function sayHello() {
console.log('Hello, world!');
}
export const name = 'Alice';
在其他文件中,你可以这样导入它们:
import { sayHello, name } from './example.js';
sayHello(); // 输出: Hello, world!
console.log(name); // 输出: Alice