在 javascript 中，模块是独立的代码单元，可以使用导出将资产公开给其他模块，并使用导入使用其他模块的资产。这种机制对于在现代 javascript 应用程序中构建模块化和可重用的代码至关重要。
默认导出
- 一个模块只能有一个默认导出。
- 要导出默认资源，请在导出的实体之前使用 default 关键字。
- 要导入默认导出，可以直接将其分配给变量，而无需指定导出名称：
// exporting a default asset
export default function greet(name) {
console.log(`hello, ${name}!`);
}
// importing the default export
import greet from './mymodule';
命名导出
- 一个模块可以有多个命名导出。
- 要导出命名资产，请在导出的实体之前使用导出关键字并为其命名。
- 要导入命名导出，您必须指定要导入的资产的名称：
// exporting named assets
export function greet(name) {
console.log(`hello, ${name}!`);
}
export function farewell(name) {
console.log(`goodbye, ${name}!`);
}
// importing named exports
import { greet, farewell } from './mymodule';
结合默认导出和命名导出
立即学习“Java免费学习笔记（深入）”；
您可以在单个模块中同时拥有默认导出和命名导出：
export default function greet(name) {
console.log(`hello, ${name}!`);
}
export function farewell(name) {
console.log(`goodbye, ${name}!`);
}
要导入默认导出和命名导出：
BJXSHOP网上开店专家
下载
BJXShop网上购物系统是一个高效、稳定、安全的电子商店销售平台，经过近三年市场的考验，在中国网购系统中属领先水平；完善的订单管理、销售统计系统；网站模版可DIY、亦可导入导出；会员、商品种类和价格均实现无限等级；管理员权限可细分；整合了多种在线支付接口；强有力搜索引擎支持... 程序更新：此版本是伴江行官方商业版程序，已经终止销售，现于免费给大家使用。比其以前的免费版功能增加了：1，整合了论坛
import greet, { farewell } from './mymodule';
要记住的要点
- 导出用于公开模块中的资产。
- import 用于消耗其他模块的资源。
- 一个模块只能有一个默认导出。
- 命名导出可以单独或集体导入。
- 用于导入的名称是任意的，不必与导出模块中使用的名称匹配。
实际示例
考虑一个 react 组件：
import react from 'react';
export default function greeting({ name }) {
return hello, {name}!
;
}
在此示例中，greeting 组件被导出为默认导出。可以导入并在其他组件中使用：
import Greeting from './Greeting';
function MyComponent() {
return
通过了解导出和导入，您可以有效地组织和重用 javascript 项目中的代码。
