jQuery作用域中的函數訪問

Question

我想在jQuery范圍之外構建一個函數：

(function($) {
  function MyObject() {
    console.log('foo');
  };
}(jQuery));
var $my_object = new MyObject();

但是函數MyObject是不可訪問的：

ReferenceError：未定義MyObject

但是，如果我在范圍內構建函數，則可以正常工作：

(function($) {
  function MyObject() {
    console.log('foo');
  };
  var $my_object = new MyObject();    
}(jQuery));

富

如何訪問MyObject超出范圍？

Answer 1

我可能不建議這樣做，但是您基本上可以通過將函數作為對象的一部分返回並將IIFE分配給這樣的變量來完成所需的操作

var library = (function ($) {

    var exports = {};
    var private = 'see you cant get this';
    var MyObject = exports.MyObject = function (_in) {
        console.log(_in);
    };
    var another_func = exports.sum = function (a, b) {
        console.log(a + b);
    };


    return exports;
}(jQuery));



library.MyObject('foobar'); // "foobar"
library.sum(3, 5);  // 8
console.log(private);  // Uncaught ReferenceError: private is not defined

Answer 2

雖然我不知道為什么要這么做。也許這有幫助

// Define Class globally
// window.MyObject also works
var MyObject = (function($) {
// Passes jQuery in
  return function () {
    console.log('foo');
  };

}(jQuery));
var $my_object = new MyObject();