Javascript UND operator in assignment

&& wird manchmal als guard Betreiber.

variable = indicator && value

kann es verwendet werden, um den Wert nur dann, wenn der Indikator ist truthy.

InformationsquelleAutor mykhal

Anfänger Beispiel

Wenn Sie versuchen, Zugriff auf "Benutzer.name" aber dann passiert das:

Uncaught TypeError: Cannot read property 'name' of undefined 

Angst nicht. Sie können dies lösen, mit der && operator in einer Zuweisung oder oft als die guard operator da es "Wachen" aus dem undefinierten Fehler passiert.

Hier sind einige Beispiele, die Sie finden möglicherweise seltsam, aber Lesen Sie weiter, wie es später erklärt wird.

var user = undefined;
var username = user && user.username;
//no error, "username" assigned value of "user" which is undefined

user = { username: 'Johnny' };
username = user && user.username;
//no error, "username" assigned 'Johnny'

user = { };
username = user && user.username;
//no error, "username" assigned value of "username" which is undefined

Erklärung: In der Wache Betrieb, jeder Begriff ist ausgewertet von Links nach rechts nacheinander. Wenn ein Wert evaluiert wird falsy, wird die Bewertung beendet und dieser Wert wird dann zugewiesen. Wenn das Letzte Element erreicht ist, ist es dann zugewiesen, ob oder nicht es ist falsy.

falsy bedeutet, es ist einer dieser Werte undefined, false, 0, null, NaN, '' und truthy bedeutet nur, NICHT falsy.

Easy button für die Guard-Methode

Verwenden, lodash schöne guard-operator zum Zugriff auf verschachtelte Daten etwa so:

//need to access obj.has.some.very.nested.stuff
var val = _.get(obj, 'has.some.very.nested.stuff');

als es mit der && Zeug unter der Haube, während Sie schön in eine praktische Methode. Lodash _.get source code

Bonus: Der ODER-Operator

Andere nützliche seltsame Zuordnung, ist im praktischen Einsatz ist die ODER Betreiber, die in der Regel verwendet für die plugins so:

this.myWidget = this.myWidget || (function() {
   //define widget
})();

wird nur die Zuordnung der code-Teil, wenn "diese.myWidget" ist falsy. Dies ist praktisch, denn Sie können erklären, code, überall und mehrfach nicht zu kümmern, wenn seine zugewiesen wurde oder nicht vorher wissen, es wird nur einmal vergeben werden, da die Menschen mit einem plugin versehentlich erklären sich mit den Skript-Tags src-mehrere Male.

Erklärung: Jeder Wert ist bewertet von von Links nach rechts, ein zu einer Zeit. Wenn ein Wert truthy ist, Stoppt es die Bewertung ein und weist diesen Wert, ansonsten immer wieder, wenn das Letzte Element erreicht ist, so erhält es unabhängig davon, ob es ist falsy oder nicht.

Extra Credit: die Kombination && und || in einen Auftrag

Haben Sie jetzt die ultimative macht und können tun sehr seltsame Dinge wie diese sehr merkwürdige Beispiel, mit es in ein Palindrom.

function palindrome(s,i) {
 return (i >= s.length/2) || (s[i] === s[s.length -1 - i]) && palindrome(s, ++i);
}

In der Tiefe Erklärung hier: Palindrom überprüfen in Javascript

Happy coding.

InformationsquelleAutor Jason Sebring

Ich gesehen habe && überstrapaziert hier bei der Arbeit für Zuweisungsanweisungen. Das Anliegen ist ein zweifaches:
1) Die 'Anzeige' check ist manchmal eine Funktion mit dem overhead, dass Entwickler nicht für.
2) Es ist einfach für Entwickler, um zu sehen, das als ein Sicherheits-check und nicht, berücksichtigen Sie bei der Zuordnung falsch, zu deren var. Ich möchte, dass Sie haben eine Typ-sichere Einstellung, also habe ich Sie, dies ändern:

var currentIndex = App.instance && App.instance.rightSideView.getFocusItemIndex();

:

var currentIndex = App.instance && App.instance.rightSideView.getFocusItemIndex() || 0;

so bekommen Sie einen integer als erwartet.

InformationsquelleAutor Drew Deal