JS Queue LazyLoad 之二

上一篇实现了对多个JS文件的顺序加载，这篇再完善丰富一下。加入回调函数，即每个JS文件加载后都有一次回调机会，这个回调是取决于使用者的。也就是说使用者可以配置是否回调，甚至指定某一个或多个回调。非常灵活，可以根据项目需求决定那些资源JS下载后进行回调。此外这篇还解决了重复资源加载问题。

接口如下

QueueLazyLoad.js([
       {
           url   // JS路径
           fn    // 回调函数
           scope // 回调函数执行上下文，默认为window
       },
       ...
]);

示例

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>QueueLazyLoad_0.2.js</title>
        <script src="https://files.cnblogs.com/snandy/QueueLazyLoad_0.2.js"></script>
        <script type="text/javascript">
            var libs = [
                {url:'https://files.cnblogs.com/snandy/a.js', fn: function(){alert('a.js is loaded.');}},
                {url:'https://files.cnblogs.com/snandy/b.js', fn: function(){alert('b.js is loaded.');}},
                {url:'https://files.cnblogs.com/snandy/c.js', fn: function(){alert('c.js is loaded.');}}
            ];
            QueueLazyLoad.js(libs);
            function clk(){
                QueueLazyLoad.js([{url:'https://files.cnblogs.com/snandy/a.js'}], function(){
                    alert('a');
                });
            }
        </script>
    </head>
    <body>
        <button onclick="clk()">loading a.js again</button>
    </body>
</html>