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 (){
　　　　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