Warum verwenden? | in der Deklaration der variablen Funktion?

Question

Ich lerne js und ich bin auf ein Beispiel gestoßen, in dem || wird verwendet, wenn eine var als Funktion erklärt:

var Triangulation = Triangulation || (function() { 
... 

Es scheint mir, dass dies, wenn die var bereits, bevor er die Zuweisung deklariert wurde, um zu sehen ist, überprüft. Wenn ich mich im Internet umsehe, sehe ich keine anderen Beispiele, in denen dieser Ansatz verwendet wird. Was wäre ein Grund dafür sein, diesen Ansatz zu nehmen vs:

var Triangulation = function() { 
... 

Dank

Answer 1

Es bedeutet, es gibt eine Chance, die triangulation Variable bereits definiert, wenn es ist, die triangulation Variable kehrt selbst, wenn diese noch nicht definiert - - Die anonyme Funktion gibt den Wert für die neue Variable triangulation zurück.

Und wichtig/sensible Sache ist die var. Es ist ein schwieriges Geschäft. Zum Beispiel:

<script> 
var triangulation = function(){return(1);}; 
</script> 

Eigentlich bedeutet:

<script> 
window.triangulation = function(){return(1);};// because "triangulation" is in global      
               // namespace and "var" in this case 
               // means nothing "local", as you may expect 
</script> 

Das nächste Mal Initialisierung var triangulation = ... wird die globale Variable überschreiben. Wenn Sie wollen es zu erhalten, müssen Sie schreiben:

var triangulation = triangulation || function(){...}; 

Answer 2

Es prüft, ob Triangulation existiert, bevor es einen neuen Wert mit Short-circuiting zuweisen. Dies ist eine gängige Praxis, wenn Sie eine Funktion unterstützen möchten, die sich von Browsern zu Browsern unterscheidet.

Ein Beispiel ist requestAnimationFrame. Da jeder Browser ein anderes Herstellerpräfix benötigt, verwenden wir ||, um der Variablen die korrekte Methode zuzuweisen, so dass sie alle Browser unterstützt.

window.requestAnimFrame = (function(){ 
    return window.requestAnimationFrame  || 
      window.webkitRequestAnimationFrame || 
      window.mozRequestAnimationFrame || 
      function(callback){ 
      window.setTimeout(callback, 1000/60); 
      }; 
})(); 

//whatever exists will be assigned to window.requestAnimFrame . 

Answer 3

Dies wird oft für benannte Pakete verwendet, die ihre Implementierungen aufgeteilt zwischen mehreren Dateien haben, wenn Sie nicht unbedingt wissen (oder verwalten möchten), um die Datei Ladereihenfolge. Normalerweise würden Sie tun dies mit:

var Namespace = Namespace || {} 

In Ihrem Fall ist es nur zu verhindern, dass die Neuzuweisung der Triangulation Klasse, wenn es bereits definiert.

Answer 4

Für || Operator, JS den Wert des ersten Ausdrucks zurückgibt, die an truthy Wert
Zum Beispiel bewerten:
A || B (unter der Annahme einer leeren String ist und B ist eine ganze Zahl (12))
Der obige Ausdruck zurück 12 (dh der erster Ausdruck, der truthy Wert auswertet).

In Ihrem Szenario überprüfen wir, ob Triangulation bereits deklariert ist, dann müssen wir den Funktionsausdruck berechnen und ihn Triangulation zuweisen.
var Triangulation = Triangulation || (Function() {

Answer 5

Es gibt verschiedene Arten von Operatoren wir in Javascript verwendet haben, als wie & & (und) || (oder) und! (Nicht) Operatoren.

Diese Operatoren auch als bekannt sind logische Operatoren.

logische Operatoren werden in erster Linie zur Steuerung Programmablauf verwendet. In der Regel wird man sie als ein Teil eines finden, wenn eine Weile, oder eine andere Steueranweisung.

der Operator || verwendet wird, um zu bestimmen, ob eine der Bedingungen zutrifft:Beispiel:

if (x == 5 || y == 5) { .... .... }

Dank.