全局导入变量和IIFE

Question

网络上许多不同的文章都宣称在设计模块时使用全局导入的伟大(类似于jQuery)。

所以，做这样的事情...

(function(globalVariable){
  globalVariable.printStuff = function(){
    console.log(‘Hello World’)
  };
}(globalVariable));

...means，我可以像这样调用一个函数：

globalVariable.printStuff();

问题是，每当我在控制台中运行它时，我总是得到：

globalVariable undefined

我的问题是，我到底需要在哪里声明这个变量，这样我才能让它工作？

Answer 1

对于这样一个真正简单的模块，你不需要任何生命。只需编写一个对象文字：

var globalVariable = {
    printStuff: function() {
        console.log('Hello World');
    }
};

globalVariable.printStuff();

如果你想使用一个生命周期作用域，你仍然需要在某个地方创建对象。它可以在模块内部或外部：

var globalVariable = (function() {
     var module = {};
     var localVariable = 'Hello World';
     module.printStuff = function() {
         console.log(localVariable);
     };
     return module;
}());

globalVariable.printStuff();

​

var globalVariable = {};

(function(module) {
     var localVariable = 'Hello World';
     module.printStuff = function() {
         console.log(localVariable);
     };
}(globalVariable));

globalVariable.printStuff();

Answer 2

对于浏览器，window对象是存储所有全局变量的对象。下面的代码显示了带有全局变量的IIFE的基本实现。

​

//Set a variable 'globalVariable' in the window object
window.globalVariable = 10;

//Access the global variable 'globalVariable' in IIFE
(function(globalVariable) {
console.log(globalVariable);
})(globalVariable);

​