当前位置: 首页 > 后端技术 > Node.js

前端模块化

时间:2023-04-03 20:55:59 Node.js

Node.js中的模块化Module.exportsexportsrequire()/*原理*/varmodule={exports:{...}}varexports=module.exportsreturnmodule.exports/*使用exports接口对象导出成员*///exports.jsvarfoo='hello'varbar=function(x,y){console.log(x+y)}exports.bar=bar//require.jsvarreqRes=require('./exports.js')console.log(reqRes.bar(1,1))//2console.log(reqRes.foo)//错误/*使用module.exports导出成员*///exports.jsvarfoo='你好'varbar=function(x,y){console.log(x+y)}module.exports=bar//require.jsvarreqRes=require('./exports.js')console.log(reqRes(1,1))//2ES6Moduleexportexportdefaultimportimport()import是静态加载(编译时加载),require()是动态加载(运行时加载)。import()函数可以实现动态加载。与require()不同的是,import()函数是异步加载,require()函数是同步加载。/*使用export导出成员*///export.jsexportvara=1exportfunctionsum(x,y){console.log(x+y)}varage=[1,2,3,4]varnames={'张三','李四'}exportage//错误export{age}export{namesasenNames}//import.jsimport{a,sumasadd,age,enNames}from'./export.js'/*使用exportdefault导出单个成员*///export_default.jsexportdefault{name:'',props:'',data:'',methods:''}//import.jsimportloginfrom'./export_default.js'