index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button id="btn">用户</button>
<!-- 引入require.js文件 -->
<script type="text/javascript" src="https://cdn.bootcss.com/require.js/2.3.6/require.js"></script>
<script type="text/javascript">
// 给回调函数添加形参，接受前面对应模块的返回值，模块返回什么，形参的值就是什么
// 形参的顺序，必须和前面调用模块的顺序一致
require(["cart","user"],function(cart,user){
console.log("这是首页")
var btn = document.getElementById("btn");
btn.onclick = function(){
//调用用户模块
user();
}
})
// 注意：一般在导入模块的时候，需要将有返回值的模块在前面导入，无返回值的模块在后面导入
</script>
</body>
</html>
user.js
define([],function(){
return function(){
console.log("用户界面")
}
})
cart.js
define([],function(){
console.log("购物车")
})
网友评论