ES6 模块定义 export 与 import

Posted hbb0b0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 模块定义 export 与 import相关的知识,希望对你有一定的参考价值。

 

 

 

  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的主要内容,如果未能解决你的问题,请参考以下文章

ES6中export与export default的区别

ES6 Module export与import复合使用

ES6:export和import

ES6导入导出import | export | export default-使用案例

ES6导入导出import | export | export default-使用案例

ES6模块化基本语法(导入import/导出export)