兼容各版本的闭包函数

通常一个自执行的闭包函数是这样的

(function(this,$){
...
}(window,jQuery))

等同于下面写法
!function(this,$){
...
}(window,jQuery)

兼容node环境 或者amd写法 和window写法
举一个小李子：

先定义一个circle.js，暴露两个公共函数给外部调用
!function(root,fn){
    if (typeof exports === 'object') {
        // Node.
        module.exports = fn.call(root);
    } else if (typeof define === 'function' && define.amd) {
        // 定义一个匿名模块
        define(function(){ return fn.call(root) });
    } else {
        // Browser globals (root is window)
        root.circle = fn.call(root);
    }
}(this,function(){
    var PI=Math.PI;
       //面积计算方法
    var area=function(r){
        return PI * r * r;
    }
       //周长计算方法
    var circumference = function (r) {
        return 2 * PI * r;
    };
    return {
        area:area,
        circumference:circumference
    }
})

app.js  调用circle中的方法
!function(root,fn){
    if (typeof exports === 'object') {
        module.exports = fn.call(root,require("./circle.js"));
    } else if (typeof define === 'function' && define.amd) {
        //定义一个circle模块加异步下载circle.js  加载完成执行回调
        define(["circle"],function(c){ return fn.call(root,c) });
    } else {
        root.circle = fn.call(root,circle);
    }
}(this,function(c){
    console.log(c.area(4))
})

写一个index.html 跑一下

这是node环境和window环境引用两个文件
<script src="circle.js"></script>
<script src="app.js"></script>

如果需要用require异步加载文件，只需要引入一个require.js源文件就可以
<script data-main="app.js" src="require.js"></script>

然后我们在控制台就看到打印的结果了50.26548245743669