Глобальные импортные переменные и IIFEs

Question

Ряд различных статей в Интернете исповедовали величие использования глобального импорта при разработке модулей (аналогично jQuery).

Так что, делая что-то вроде этого ...

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

... означает, что я могу вызвать функцию с чем-то вроде этого:

globalVariable.printStuff(); 

Проблема в том, когда я запускаю это в консоли, я получаю:

globalVariable undefined 

Мой quesiton есть, где именно мне нужно, чтобы объявить эту переменную так, что я может заставить это работать?

Answer 1

Для такого реального простого модуля, вам не нужны никакие IIFE. Просто напишите литерал объекта:

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

globalVariable.printStuff(); 

Если вы хотите использовать сферу IIFE, вы должны создать объект где-нибудь. Это может быть внутри модуля или снаружи:

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);