在Javascript中使用导入的库创建实用程序类

时间:2013-06-24 21:07:40

标签: javascript jquery d3.js utility

(我是javscript的新手)我想创建一个可以访问我网页上某些库的实用程序类。例如,我目前在我的网页上加载了D3和Jquery

<script src="http://d3js.org/d3.v3.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="util.js"></script>

我的实用程序类(utils.js)看起来像

(function (window, JQ, D3) {

    function hasWindow(){
        console.log(window);    
    }
    function hasJquery(){
        console.log(JQ);    
    }
    function hasD3(){
        console.log(D3);    
    }
})(this, this.jQuery, this.d3);

我有三个问题:

  1. 我是否需要传入库和窗口才能在其中使用它们 util.js,还是已经有权访问它们?
  2. 加载util.js后,如何调用实用程序类的函数(即     hasWindow();?)
  3. 我实际上是否使用合适的模式来创建     实用类?

1 个答案:

答案 0 :(得分:1)

将所有内容都加载到页面中,您可以从自己的库中访问其他库。

最好等到页面加载完毕之后。您可以使用$(function(){ ... });

在JQuery中执行此操作