首先得把下载好的require.js文件链接到html文档中：
- <script src="require.js" data-main="main"></script>
require.js加载完成后会到页面上查找script[data-main]的值，找到之后会加载data-main指定的js文件，main是入口文件 main.js可以省略.js后缀名
main.js
- console.log('main loading')
- // 同时加载js1/和js2文件也可以加载更多的js文件
- // 脚本加载完成后 会调用第二参数指定的回调函数
- // require.js会自动在head标签中注入script标签
- // require.js添加script标签带有async属性
- // async属性会使浏览器同时开始异步js
- // 使用require.js可以很方便的的导入js文件 但是需要解决js文件中
- // 变量名 方法名与其他js文件中变量名方法名冲突的问题
- // 造成这个问题的原因
- // 浏览器端js存在共用的全局作用域 全局变量 方法名 有可能被覆盖掉
- // NodeJS中每一个js文件都是一个独立作用域 不存在共用的全局作用域
- // NodeJS的js文件是相互隔离的 js文件之间只能通过模块导出的方法相互使用
- require(['js1','js2','js3'],function(){
- console.log('js/1,2,3已经加载完毕')
- var total = number1 + number2 + number3
- console.log(total)
- hello()
- hello2()
- hello3()
- })
