es6模块export和import使用总结

本文详细介绍了模块化编程的基本概念,包括如何使用export和import在不同文件间共享变量,以及export default的用法。同时,文章还讲解了如何将多个JS文件合并成一个文件进行导入。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一个模块就是一个文件,其它文件是无法获取这个模块里面的变量,如果需要外面的文件也能够读取这些变量,你可以使用export输出变量,外面的文件则import这个模块的变量。

1. export导出模块变量

 export命令可以出现在模块的任何位置,只要处于模块顶层就可以。如果处于块级作用域内,就会报错

    导出变量有两种方式

    1) 单个分别导出每一个变量  export const 变量...

       math.js  导出变量,函数

      

    2)使用一对大括号统一导出变量 export {变量1, 变量2...}

        

2. import 导入模块变量

  1) 按需导入其它模块变量

    这里在导入的时候对sub变量重命名,import的时候必须使用大括号{}

    

    

2) 一次性全部导入模块变量

 

3. export default 为模块指定默认输出

    一个js只能有一个export default

    print.js

4. 多个js文件合并成一个js文件,import的时候只import一个文件即可

文件1: cst/dbconfig.js

文件2: cst/user.js

合并文件: cst/constant.js

使用:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值