es6 export

ES6模块导出示例

es6 export function

function send() {
    console.log("=================================")
}

export {send}

m1.js
===================
import {send} from "./m1";
send();


### ES6 `export` 语法及其使用 #### 单个默认导出 通过 `export default` 可以实现单个默认导出,默认导出可以是一个匿名函数或者类。当模块被其他文件引入时,可以通过任意名称接收该默认导出的内容。 ```javascript // example.js 文件中的代码 export default function (obj) { // 函数体... } ``` 在另一个文件中导入此默认导出的方式如下: ```javascript import myFunction from './example'; myFunction(); ``` #### 多个命名导出 除了默认导出外,还可以定义多个具名导出。这种方式允许在一个模块里有多个独立的对象、函数或变量作为公共接口的一部分向外暴露。 ```javascript // utils.js 文件内的部分代码片段 export function each(obj, iterator, context) { // 方法逻辑... } export { each as forEach }; ``` 上述例子展示了如何创建两个不同的导出项:一个是直接导出了名为 `each` 的函数;另一个则是重命名为 `forEach` 后再导出[^1]。 对于这些具名导出,在外部引用时需要指定确切的名字来获取对应的成员: ```javascript import { each, forEach } from './utils'; each(someObject, callback); forEach(anotherObject, anotherCallback); ``` 如果希望给某个特定的导出起个别名,则可以在导入的时候这样做: ```javascript import { each as iterateOver } from './utils'; iterateOver(dataStructure, operation); ``` 此外,也可以一次性全部导入整个模块下的所有公开属性,并将其挂载到一个对象下访问: ```javascript import * as utilityFunctions from './utils'; utilityFunctions.each(items, processItem); utilityFunctions.forEach(otherItems, handleOtherItem); ``` #### 导入/导出组合操作 有时候会遇到这样的情况——既想从现有库中选取部分内容重新打包成新的模块供他人使用,又不想改变原始结构。这时就可以利用转接形式完成这项工作。 假设有一个辅助工具包叫做 `helper-utils`, 而现在要构建一个新的实用程序集 `extended-helpers`. 那么可以直接把前者里的某些功能复制过来而不必重复编写相同的代码: ```javascript // extended-helpers.js 中的部分内容 export { someHelper, anotherHelper } from 'helper-utils'; function customFeature() {/* ... */} export { customFeature }; ``` 这样做的好处在于简化了依赖关系管理的同时也保持了一定程度上的灵活性[^3].
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值