发布网友 发布时间:2022-04-25 20:11
共1个回答
热心网友 时间:2022-06-17 01:46
摘要import的几种用法 第一种导出的方式:在lib.js文件中, 使用 export{接口} 导出接口, 大括号中的接口名字为上面定义的变量, import和export是对应的;运行下面代码复制代码复制代码//lib.js 文件let bar = "stringBar";let foo = "stringFoo";let fn0 = function() { console.log("fn0");};let fn1 = function() { console.log("fn1");};export{ bar , foo, fn0, fn1}//main.js文件import {bar,foo, fn0, fn1} from "./lib";console.log(bar+"_"+foo);fn0();fn1();复制代码复制代码第二种导出的方式:在export接口的时候, 我们可以使用 XX as YY, 把导出的接口名字改了, 比如: closureFn as sayingFn, 把这些接口名字改成不看文档就知道干什么的:运行下面代码复制代码复制代码//lib.js文件let fn0 = function() { console.log("fn0");};let obj0 = {}export { fn0 as foo, obj0 as bar};//main.js文件import {foo, bar} from "./lib";foo();console.log(bar);复制代码复制代码第三种导出的方式:这种方式是直接在export的地方定义导出的函数,或者变量:运行下面代码复制代码复制代码//lib.js文件export let foo = ()=> {console.log("fnFoo") ;return "foo"},bar = "stringBar";//main.js文件import {foo, bar} from "./lib";console.log(foo());console.log(bar);咨询记录 · 回答于2021-12-09Thermo iport的使用方法import的几种用法 第一种导出的方式:在lib.js文件中, 使用 export{接口} 导出接口, 大括号中的接口名字为上面定义的变量, import和export是对应的;运行下面代码复制代码复制代码//lib.js 文件let bar = "stringBar";let foo = "stringFoo";let fn0 = function() { console.log("fn0");};let fn1 = function() { console.log("fn1");};export{ bar , foo, fn0, fn1}//main.js文件import {bar,foo, fn0, fn1} from "./lib";console.log(bar+"_"+foo);fn0();fn1();复制代码复制代码第二种导出的方式:在export接口的时候, 我们可以使用 XX as YY, 把导出的接口名字改了, 比如: closureFn as sayingFn, 把这些接口名字改成不看文档就知道干什么的:运行下面代码复制代码复制代码//lib.js文件let fn0 = function() { console.log("fn0");};let obj0 = {}export { fn0 as foo, obj0 as bar};//main.js文件import {foo, bar} from "./lib";foo();console.log(bar);复制代码复制代码第三种导出的方式:这种方式是直接在export的地方定义导出的函数,或者变量:运行下面代码复制代码复制代码//lib.js文件export let foo = ()=> {console.log("fnFoo") ;return "foo"},bar = "stringBar";//main.js文件import {foo, bar} from "./lib";console.log(foo());console.log(bar);