export default敕令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,是以export default敕令只能应用一次。所以,import敕令后面才不消加大年夜括号,因为只可能对应一个办法。
2、因为export default本质是将该敕令后面的值,赋给default变量今后再默认,所以直接将一个值写在export default之后。
- // 精确
- export default 42;
- // 报错
- export 42;
- //膳绫擎代铝闼楝后一防备错是因为没有指定对外的接口,而前一句指定外对接口为default。
3、如不雅想在一条import语句中,同时输入默认办法和其他变量,可以写成下面如许。
- import _, { each } from 'lodash';
- //对应膳绫擎代码的export语句如下
- export default function (){
- //...
- }
- export function each (obj, iterator, context){
- //...
- }
export 与 import 的复合写法
- export { foo, bar } from 'my_module';
- // 等同于
- import { foo, bar } from 'my_module';
- export { foo, bar };
- / 接口改名
- export { foo as myFoo } from 'my_module';
- // 整体输出
- export * from 'my_module';
ES6 中的轮回引用
ES6 中,imports 是 exprts 的只读视图,直白一点就是,imports 都指向 exports 本来的数据,比如:
3、留意,import敕令具有晋升效不雅,会晋升到全部模块的头晨,起首履行。
- //------ lib.js ------
- export let counter = 3;
- export function incCounter() {
- counter++;
- }
- //------ main.js ------
推荐阅读
【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 在上述课程中,我碰到了 Alon Burg——一名经验丰富的 web 开辟人员,我们刚好趣味相投。所认为了>>>详细阅读
本文标题:很全很全的JavaScript模块讲解,看了绝不后悔!
地址:http://www.17bianji.com/lsqh/40215.html
1/2 1

网友点评
精彩导读
科技快报
品牌展示