[es6] import, export, default cheatsheet

来源：清泛编译 2021-06-03 19:11:32 人气：我有话说( 0 人参与)

有四种类型的导出：1、命名导出（每个模块可以有多个）2、默认导出（每个模块一个）3、混合命名和默认导出4、循环依赖1 Nameexports ------ lib js ------export const sqr

有四种类型的导出：

1、命名导出（每个模块可以有多个）

2、默认导出（每个模块一个）

3、混合命名和默认导出

4、循环依赖

1. Name exports

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

//------ main.js ------
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

//------ main.js ------
import * as lib from 'lib';
console.log(lib.square(11)); // 121
console.log(lib.diag(4, 3)); // 5

2. Default exports (one per module)

//------ myFunc.js ------
export default function () { ... };

//------ main1.js ------
import myFunc from 'myFunc';
myFunc();

3. Mixed named & default exports

//------ underscore.js ------
export default function (obj) {
    ...
};
export function each(obj, iterator, context) {
    ...
}
export { each as forEach };

//------ main.js ------
import _, { each } from 'underscore';
...

4. Cyclical Dependencies

// lib.js
import Main from 'main';
var lib = {message: "This Is A Lib"};
export { lib as Lib };

// main.js
import { Lib } from 'lib';
export default class Main { 
  // ....
}

参考：http://2ality.com/2014/09/es6-modules-final.html

react export import

对我有用

(3)

100%

没啥用

(0)

上一篇：为啥React组件export导出不生效？
下一篇：eclipse升级后启动失败：Heap堆内存不足

本文源自互联网，采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可，
版权归原作者，如有问题请联系service@tsingfun.com （编辑：admin）

分享到：

本月排行

评论排行

1C++ 读写xml方法整理（持续更新）3次评论
2Reference to ' ' is ambiguous：符号定义重复2次评论
3全民OS2次评论
4__attribute__2次评论
5海量数据相似度计算之simhash和海...2次评论
6C++使用OLE/COM高速读写EXCEL的源码2次评论
7AfxIsValidAddress 测试内存地址2次评论
8C++入门进阶最佳实战2次评论
9phpcms附件上传 Flash换成H52次评论
10解决xrdp登陆不上的问题：xrdp s...2次评论