(一般在开发都会封装公用的js文件和一些功能性js文件,然后在哪个组件用到就在那个组件import引入)

在ES6自带了模块化, 也是JS第一次支持module, 在es6以后 ,我们可以直接作用import和export在浏览器中导入和导出各个模块了, 一个js文件代表一个js模块;

ES6的模块化的基本规则或特点:

1、每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取。 一个模块就是一个单例,或者说就是一个对象;
2、每一个模块内声明的变量都是局部变量, 不会污染全局作用域;
3、模块内部的变量或者函数可以通过export导出;
4、一个模块可以导入别的模块。

第一种:模块化定义和导出的方式(多个export)

ES6模块化(js模块的定义和导出)
(导入多个需要用英文逗号隔开,可直接调用)
ES6模块化(js模块的定义和导出)

第二种:模块化定义和导出的方式(一个默认的export)

ES6模块化(js模块的定义和导出)
(导出默认的对象,通过对象访问属性的方式调用)
ES6模块化(js模块的定义和导出)

相关文章:

  • 2021-09-01
  • 2021-12-26
  • 2021-07-28
  • 2021-10-02
  • 2021-11-05
  • 2021-05-28
  • 2021-05-27
猜你喜欢
  • 2021-10-31
  • 2021-08-03
  • 2021-10-01
  • 2021-05-28
  • 2022-02-13
  • 2021-07-23
  • 2021-05-12
相关资源
相似解决方案