在JavaScript导入中,成员和默认成员是模块导出的两种方式。
export
关键字,可以将模块中的特定成员导出,其他模块可以通过import
关键字来引用这些成员。成员导出可以是函数、变量、类等。例如:// module.js
export const name = 'John';
export function sayHello() {
console.log('Hello!');
}
// main.js
import { name, sayHello } from './module.js';
console.log(name); // Output: John
sayHello(); // Output: Hello!
在这个例子中,name
和sayHello
被导出为模块module.js
的成员,并在main.js
中被引用。
export default
关键字,可以将模块中的默认成员导出,其他模块可以通过import
关键字来引用默认成员。默认成员导出只能有一个,并且在导入时可以自定义名称。例如:// module.js
const message = 'Hello!';
export default message;
// main.js
import myMessage from './module.js';
console.log(myMessage); // Output: Hello!
在这个例子中,message
被导出为模块module.js
的默认成员,并在main.js
中被引用为myMessage
。
区别:
{}
来指定导入的成员,而默认成员导出可以使用任意名称来指定导入的成员。推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云