码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 模块定义 export 与 import

时间:2018-04-04 14:48:17      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:result   import   post   let   没有   tor   引用   turn   star   

 

 

 

  1. 一般导出 export

math.js

 

export function* getFibo()

{

let a = 1;

let b = 1;

yield a;

yield b;

while (true) {

let next = a + b;

a = b;

b = next;

yield next;

}

}

 

export function add(a,b)

{

return a+b;

}

 

index.js

 

  • 注意:如果导出模块没有default定义,那么 引用 导出模块的时候必须有 {} ,标红部分 import {add,getFibo} from "./tool/math.js"

{ } 内容必须与 math定义的值一样,当然也可以用 as

 

import {add,getFibo} from "./tool/math.js"

 

let generator = getFibo;

 

for (let i = 1; i < 10; i++) {

let result = generator().next().value;

console.log(`fibo:${i} =${result}`);

}

 

console.log(add(1,2));

 

含有 default 导出 export

 

math.js

export default function* getFibo()

{

let a = 1;

let b = 1;

yield a;

yield b;

while (true) {

let next = a + b;

a = b;

b = next;

yield next;

}

}

 

index.js

 

import myFibo from "./tool/math.js"

 

let generator = myFibo;

 

for (let i = 1; i < 10; i++) {

let result = generator().next().value;

console.log(`fibo:${i} =${result}`);

}

 

 

  • 注意:如果导出模块使用 default 导出,那么 引用 导出模块的时候不需要 {},导出函数的名称可自定义 ,标红部分 import myFibo from "./tool/math.js"

 

 

 

 

ES6 模块定义 export 与 import

标签:result   import   post   let   没有   tor   引用   turn   star   

原文地址:https://www.cnblogs.com/hbb0b0/p/8716388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!