Смешная проблема с областью в Javascript с глобальными переменными

Question

У меня есть большое приложение JS со многими модулями, которое в конечном итоге будет в комплекте с browersify. Но поскольку я не хочу, чтобы вся моя команда устанавливала Node.js и перестраивалась каждый раз, когда они меняются Я хочу, чтобы модули регистрировались глобально только при разработке. Я использую стандартную регистрацию для модулей следующим образом:

// if browserify 
if (typeof module === "object" && module.exports) { 
    module.exports = myModule; 
} else { window.myModule = myModule; } 

Вот где он получает фанк: Когда требует зависимостей в главном файле app.js, я делаю это:

if (typeof module === "object" && module.exports) { 
    var myModule = require("./js/myModule"); 
} // otherwise it's assumed to be globe, which console.log(window) confirms 
console.log(myModule); 

Эта консоль журнал возвращается как неопределенный, поэтому мне нужна строка else, которая говорит: } else { myModule = window.myModule; }

Вот простой jsFiddle как доказательство концепции:

if (false) { 
    var test = "Hello World"; 
} else { 
    window.test = "Hello Globe"; 
} 

document.getElementById("console").innerHTML = test; 

test не определено в этом сценарии.

Что меня задевает, так это то, что содержимое инструкции if, которая никогда не работает, по-прежнему регистрирует test в качестве локальной переменной. Это то, что происходит? Или я просто не понимаю, как работают глобальные переменные? Я думал, что все, что зарегистрировано до window, может быть вызвано его собственным именем, так как нам не нужно писать window.jQuery каждый раз.

Answer 1

Javascript тали объявления Var и так как вы объявляете внутри, если заявление, что это не новая область, в основном имея это:

if (false) { 
    var test = "Hello World"; 
} else { 
    window.test = "Hello Globe"; 
} 

Это же иметь это:

var test; 
if (false) { 
    test = "Hello World"; 
} else { 
    window.test = "Hello Globe"; 
} 

Вот почему это хорошая практика, чтобы объявить ваши переменные в начале области, проверьте этот пример:

var test = "Hello World From outside"; 
function(){ 
    console.log(test); 
    if (false) { 
    var test = "Hello World From inside" 
    } 
} 

Этот пример выведет: «не определено» тест вар поднимается к верхней части рамки, в этом случае в верхней части функции перезаписи внешней переменной декларации, хотя мы никогда не будем входить в эту if