Javascript Short Circuit wird nicht den richtigen Wert zurück

Question

ich eine js Variable haben, die auf einer PHP-Seite durch php generiert wird:

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

Diese Variable wird nur auf einer Seite definiert werden, so möchte ich verhindern andere Seiten werfen beim Laden einen Fehler. In einem meiner Javascript-Dateien, möchte ich ausgeführt, wenn die Variable den Code stoppen ist noch nicht definiert worden, so dass ich versucht worden bin:

var shadeData = shadeData || null; 

if(!shadeData){ return false; } 

Jedoch ist dies nicht funktioniert und ich bin immer noch immer shadeData ist nicht definiert. Es gibt eine Reihe von Funktionen im Code unterhalb dieser Zeilen, die die Variable verwenden. Im Idealfall würde dies jedoch nicht ausgeführt, wenn die zweite Zeile false zurückgibt.

Answer 1

Sie können return nicht im globalen/obersten Bereich eines JavaScript-Programms verwenden.

Ihre Idee sollte nach einer kleinen Optimierung gut funktionieren: wickeln Sie Ihren gesamten Code in eine 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); 

In der realen Welt würde dies in der Regel mit einer Haupteingabefunktion erreicht werden (oft genannt init), die bedingt aufgerufen wird.

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