Question

我正在尝试编写全局服务，并希望在页面上的所有脚本中公开全局变量。例如：MyService变量应该在所有脚本中都可用。这就像jQuery，它可以用于页面上的所有脚本。

我正在查看jQuery 3.1.1源代码。

( function( global, factory ) {

"use strict";

if ( typeof module === "object" && typeof module.exports === "object" ) {

    // For CommonJS and CommonJS-like environments where a proper `window`
    // is present, execute the factory and get jQuery.
    // For environments that do not have a `window` with a `document`
    // (such as Node.js), expose a factory as module.exports.
    // This accentuates the need for the creation of a real `window`.
    // e.g. var jQuery = require("jquery")(window);
    // See ticket #14549 for more info.
    module.exports = global.document ?
        factory( global, true ) :
        function( w ) {
            if ( !w.document ) {
                throw new Error( "jQuery requires a window with a document" );
            }
            return factory( w );
        };
} else {
    factory( global );
}

// Pass this if window is not defined yet
} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {

以上是从一开始的一小部分。

这就是声明jQuery var的地方

var
version = "3.1.1",

// Define a local copy of jQuery
jQuery = function( selector, context ) {

    // The jQuery object is actually just the init constructor 'enhanced'
    // Need init if jQuery is called (just allow error to be thrown if not included)
    return new jQuery.fn.init( selector, context );
},

根据我的理解，这是在我试图做类似事情的闭包内。

(function (jQuery) {
    var MyService = function() {
        console.log('hello world from service');
    }
})(jQuery);

如果我在我的html页面中包含上述脚本并尝试访问MyService，则javascript解释器抛出错误MyService is not defined，这是正确的，因为它是在闭包内定义的。

要解决此问题，我必须在关闭之外声明var MyService，我不想这样做。

我的问题是

如何达到预期效果。
为什么jQuery没有失败。

Answer 1

(function (jQuery, w) {
w.MyService = function() {
    console.log('hello world from service');
}
})(jQuery, window);

试试这个;）

Answer 2

您可以通过在窗口对象上设置属性来执行此操作：

window['hello'] = 'world';

Answer 3

这不是关闭。这是自我调用功能。另一种方式

var globalVar = {};
(function (jQuery, g) {
g.MyService = function() {
    console.log('hello world from service');
}
})(jQuery, globalVar);

无需更改window

中的任何内容

// Output

globalVar.MyService()
hello world from service

javascript：如何从闭包

3 个答案: