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

如何在JS中使用导出?

时间:2023-03-27 15:53:32 JavaScript

1.导出使用导出方式有命名导出和默认导出两种。命名导出可以导出多个接口,而默认导出只能导出一个。1.命名导出:导入时,必须使用导出接口的名称。//导出预定义的特征export{myFunction,myVariable};//导出单个特征(var、let、const、function、class都可以导出)exportletmyVariable=Math.sqrt(2);导出函数myFunction(){...};2。默认导出:导入时,可以使用任意名称来表示导出接口。//将预定义的特征导出为默认值export{myFunctionasdefault};//将单个特征导出为默认exportdefaultfunction(){...}exportdefaultclass{..}//每次导出都会覆盖前面的一次导出如果我们要在模块中导出一个值或者获取返回值,我们可以使用默认导出//模块“my-module.js”exportdefaultfunctioncube(x){returnx*x*x;}importcubefrom'./my-module.js';console.log(cube(3));//27二、模块重定向例如,如果我们有以下层次结构:childModule1.js:exportmyFunctionandmyVariablechildModule2.js:exportmyClassparentModule.js:asanaggregator(donothingelse)顶层模块:调用exportofparentModule.js//letmyFunction=...inchildModule1.js;//为myFunctionlet分配一些有用的东西myVariable=...;//为myVariableexport{myFunction,myVariable}分配一些有用的东西;//在childModule2.js中letmyClass=...;//将一些有用的东西分配给myClassexportmyClass;//在parentModule.js中//仅聚合childModule1和childModule2export//以重新导出它们export{myFunction,myVariable}from'childModule1.js';从'childModule2.js'导出{myClass};//在顶级模块中//我们可以调用单个模块的所有导出,因为parentModule预导出//已经“收集”/“打包”它们到一个从import{myFunction,myVariable,myClass}from'parentModule.js'开始3.语法补充//导出单个特征exportletname1,name2,…,nameN;//还有var,constexportletname1=…,name2=…,…,nameN;//还有var,constexportfunctionFunctionName(){...}exportclassClassName{...}//exportlistexport{name1,name2,...,nameN};//renameexportexport{variable1asname1,variable2asname2,…,nameN};//解构导出并重命名exportconst{name1,name2:bar}=o;//defaultexportexportdefaultexpression;exportdefaultfunction(…){…}//alsoclass,function*exportdefaultfunctionname1(…){…}//alsoclass,function*export{name1asdefault,…};//导出模块集合export*from……;//不设置默认的exportexport*asname1from…;//DraftECMAScript?2O21export{name1,name2,…,nameN}from…;export{import1asname1,import2asname2,…,nameN}from…;export{default}from…;4.参考文件JSexport中文怎么用?