评论

在浏览器环境使用js库(不用require功能)

利用 js 的 return object 语句来代替 require/import/export功能或指令(ES6)

在小程序中使用 js 库时会要用到 require/import/export 等功能或指令(ES6)。而当在浏览器环境下使用这些库时,由于require等使用起来比较麻烦。此时可对库源码稍作改动,采用 return {name1: func1, name2: func2,} 方式即可。代码框架如下所述。

1. 采用 require/import/export

// index.js
import tools from "./tools.js";
var lca = tools.add();

// tools.js
export {add, mul,};
function add(){};
function mul(){};



2. 不采用 require/import/export

// index.html
<script type="text/javascript" src="./tools.js"></script>
<script type="text/javascript">
const tools = tools_proc();
var lca = tools.add();
</script>

// tools.js
function tools_proc(){  //最外层包裹一个函数
   function add(){};
   function mul(){};
   // export {add, mul,};
   return {add:add, mul:mul};
}


代码测试环境:Firefox v84, Chrome v87,Edge v87, IE 11。

最后一次编辑于  2020-12-27  
点赞 0
收藏
评论
登录 后发表内容