es6语法,两个文件之间的导入,导出,通过 export 导出 和 import 导入 - 前端笔记-ES6模块化规范中定义: 1).每一个js文件都是独立的模块 2).导入模块成员使用import关键字 3).暴露模块成员使用export关键字 1.默认导出,导入 导出: ...

学习笔记

点滴记忆
回忆过往
首页>> >>es6语法,两个文件之间的导入,导出,通过 export 导出 和 import 导入 - 前端笔记
ES6模块化规范中定义:
1).每一个js文件都是独立的模块
2).导入模块成员使用import关键字
3).暴露模块成员使用export关键字

1.默认导出,导入
    导出: export default 导出的变量,函数
    导入:import 名称 from 导入文件的路劲

    一个文件中只有一个 export default 导出   ,多个export default 会报错

导出
let a = 10;
let b = 20;
let c = 30;

function age() {
    console.log(1111);
}

//导出
export default {
    a,
    b,
    age()
}

导入
import si from './1.js';
console.log(si); //a,b,age()


2.按需导入,和按需 导出

1.导入的时候需要使用 {}
2.导入名称和导出名称 一致 ,如果要使用 别名 就使用   名称  as  别名

按需导出
let a = 10;
let b = 20;
let c = 30;

function age() {
    console.log(1111);
}
//按需求导出   可以写多个
export let a = 10;
export let b = 20;
export let c = 30;

按需导入
import { a, b as bb, c } from './1.js';
console.log(a); //a
console.log(bb); //b
console.log(c); //c



3.之间导入并执行模块代码
    1.不需要导出,直接   import  '文件名'   导入
 
导出
for (var i = 0; i <= 3; i++) {
    console.log(i);

}

导入
import './1.js' //页面按循序打印1到5

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » es6语法,两个文件之间的导入,导出,通过 export 导出 和 import 导入
版权所有:《前端笔记
文章标题:《es6语法,两个文件之间的导入,导出,通过 export 导出 和 import 导入
除非注明,文章均为 《前端笔记》 原创
转载请注明本文短网址:https://blog.dbsgw.cn/post-45.html

网友评论(0)