Javascript короткого замыкания не возвращает правильное значение

Question

У меня есть переменная Js который генерируется через PHP на странице PHP:

<script type="text/javascript"> 
    var shadeData = <?php echo $formattedShadeData; ?>; 
</script> 

Эта переменная будет определена только на одной странице, так что я хочу, чтобы предотвратить другие страницы от ошибки при загрузке. В одном из моих файлов JavaScript, я хочу, чтобы остановить запуск кода, если переменная еще не определена, так что я пытался:

var shadeData = shadeData || null; 

if(!shadeData){ return false; } 

Однако, это не работает, и я все еще получаю shadeData не определен. В коде ниже этих строк есть пара функций, которые используют эту переменную, но в идеале это не будет выполняться, если вторая строка возвращает false.

Answer 1

Вы не можете использовать return в глобальном/верхнем уровне программы JavaScript.

Ваша идея должна работать нормально после незначительной настройки: заверните весь свой код в IIFE.

// If shadeData is already defined and falsey, this is unnecessary. But included for clarity. 
var shadeData = shadeData || null; 

(function() { 
    if (!shadeData) { 
     return; 
    } 
    // From now on within this function, shadeData is truthy. 
}()); 

// shadeData is not necessarily truthy down here. 
console.log('shadeData:', shadeData); 

В реальном мире это, как правило, будет осуществляться с помощью основной функции входа (часто с именем init), который называется условно.

function init() { 
    // I am only run when shadeData is truthy. 
} 
if (shadeData) { 
    init(); 
}