Require.JS学习

原创 黄良钵  2017-08-22 19:58  阅读 39 次 评论 0 条

Require.JS学习

首先得把下载好的require.js文件链接到html文档中:

  1. <script src="require.js" data-main="main"></script>

require.js加载完成后会到页面上查找script[data-main]的值,找到之后会加载data-main指定的js文件,main是入口文件 main.js可以省略.js后缀名

main.js

  1. console.log('main loading')
  2. // 同时加载js1/和js2文件也可以加载更多的js文件
  3. // 脚本加载完成后 会调用第二参数指定的回调函数
  4. // require.js会自动在head标签中注入script标签
  5. // require.js添加script标签带有async属性 
  6. // async属性会使浏览器同时开始异步js
  7. // 使用require.js可以很方便的的导入js文件 但是需要解决js文件中
  8. // 变量名 方法名与其他js文件中变量名方法名冲突的问题
  9. // 造成这个问题的原因
  10. // 浏览器端js存在共用的全局作用域 全局变量 方法名 有可能被覆盖掉
  11. // NodeJS中每一个js文件都是一个独立作用域 不存在共用的全局作用域
  12. // NodeJS的js文件是相互隔离的 js文件之间只能通过模块导出的方法相互使用
  13. require(['js1','js2','js3'],function(){
  14.      console.log('js/1,2,3已经加载完毕')
  15. var total = number1 + number2 + number3
  16.      console.log(total)
  17.      hello()
  18.      hello2()
  19.      hello3()
  20. })
本文地址:https://xn--nf1a578axkh.xn--fiqs8s/1032.html
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情