首页 > 其他 > 详细

import、export的写法

时间:2019-07-20 14:13:50      阅读:219      评论:0      收藏:0      [点我收藏+]

大家都知道来到ES6版本,ES就原生支持JS Module的概念。

import和export的写有哪些呢,我们看看

import:

import ‘./xxx.js‘; // 只会执行import的js文件,但是不会引入任何值

import a, {b, c} from ‘./xxx.js‘; // 等价于 import {default as a, b, c} from ‘./xxx.js‘;

import * as xxx from ‘./xxx.js‘; // 作为一个整体加载,结果为{default: xxx, b: xxx, c: xxx}

export:

let a = 123;
function addA() {
    a++;
}

export default a;  // 等价于 export default 123,执行addA不会影响default

export {a as default}; // 想执行addA影响到default,只能用as把default作为a的别称

export {a, addA}; // 等价于 export let a = 123; export functin addA(){...}

复合写法:

export {a ,b} from ‘./xxx.js‘;

// 等效于
import {a, b} from ‘./xxx.js‘;
export {a, b};

// 整体输出 值得注意的是 export *会把my_module的default给丢掉
export * from ‘my_module‘;

import函数:

因为import xxx from ‘xxx‘的写法是编译时的语法,没办法动态加载

// 形如这样的写法是会报错的
if (x === 2) {
  import MyModual from ‘./myModual‘;
}

为了实现动态加载,我们又有了import函数,跟require相似,不过是异步的

if (condition) {
  import(‘moduleA‘).then(...);
} else {
  import(‘moduleB‘).then(...);
}

推荐阅读:Module的语法

 

import、export的写法

原文:https://www.cnblogs.com/amiezhang/p/11217354.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!