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

Question

（我是 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. 我实际上是在使用适当的模式来创建实用程序类吗？

Answer 1

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

等到页面完成加载后也是一个好主意。您可以在 JQuery 中使用$(function(){ ... });