当前位置: 首页 > Web前端 > HTML

模组曝光介绍

时间:2023-03-28 02:07:12 HTML

commonJS简介commonJS是一个模块化规范。“Onpaper”nodeJS是一个实现了commonJS模块化规范的应用commonJSexposedmodulesExposemodule方法一:module.exports=test//module.exports可以暴露任意数据//可以使用module.exports暴露多个数据Exposure模块方法2://exports也可以暴露数据,但是不能使用`exports.xxx=xxx`的形式exports.aaa=test;exports.bbb=test2exports.foo=function(){}commonJSimportmodule导入自定义模块,写相对路径require('./a.js');导入node_modules文件夹下的模块,直接写模块名require('express');要在浏览器中使用commonJS语法,需要做以下工作:1.按照commonJS语法编写功能代码1.使用npm安装:npmi-gbrowserify2.browserify入口文件路径-o退出文件路径入口文件path:JS代码运行的起点』3.html中引入打包文件ES6注意事项浏览器默认不支持ES6模块化。通过『type="module"』,支持ES6模块的暴露(经常用打√的)1.分别暴露√当有多个数据暴露时,选择分别暴露2.统一暴露3.Defaultexposure√当只有一个数据暴露时,选择defaultexposure//单独暴露export可以用通用方法导入,也可以解构赋值exportfunctionadd(a,b){returna+b;}exportfunctionminus(a,b){returna-b;}exportvara=100;exportletb='iloveyou';exportconstc=[1,2,3];//均匀曝光(用的少)可以在a中引入一般方式可以引入解构赋值方式functioncheng(a,b){returna*b;}functionchu(a,b){returna/b;}vara=5211314;//这个不是object的简写形式//这里一定要写“easyway”export{cheng,chu,a}//默认暴露可以导入一般方式Importconsta=100;常量b=200;导出默认值b;ES6模块的便捷介绍1.一般方式import*asm1from'./m1.js';2.结构体赋值√当目标模块使用“分别”暴露”时import{add,minus}from'./m1.js';3.Easyway√当目标模块使用“默认暴露”时importtestfrom'./m3.js';