js 异步加载

大家对js 的加载顺序都不陌生。。那就是按顺序加载。。这样就产生了一个先后引用的问题,比如我要在b.js调用a.js 里的方法或变量。。那么只能先加载a.js 才能保证代码执行,使得代码维护起来很繁琐。。今天我们就用 require.js 来解决这个问题:

首先下载require.js 地址:http://requirejs.org/docs/download.html

常规的加载方法:

require 加载方法:

    (先加载require.js 保证一定加载的到加上async)
    <script src="require.js" defer async="true" ></script>
    <script src="require.js" data-main="b"></script>
    <script src="require.js" data-main="a"></script>

a.js代码:

var aa=”我是a.Js”;  define(function (){//定义函数按照AMD 规范定义模块
    var add = function (x,y){
      return x+y;
    }; var ajj=function(ww) { alert(ww); };
    return {
      add: add,
ajj:ajj
    };   });

  b.js代码:
  

//此处定义加载的模块js 路径,默认是在同一文件夹下   require.config({
    paths: {
      “a”: “a”,
    }   }); 

require([‘a’], function (a){
    alert(aa); alert(a.add(2,5)); a.ajj(“8888”);   });

这样加载js 就不用担心引用顺序的问题,把代码copy 即用。。这里只是require 的简单使用。。更多优化。功能。请参考require官网 http://requirejs.org

IT文库 » js 异步加载
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址