Kann jemand bitte e = e || erklären x? Warum e zu e zuordnen?

Question

Kann jemand erklären, was diese Aussage bedeutet?

e = e || x 

Insbesondere

e = e || window.event 

Das in einem Stück Code erscheint auf Suche.

Ich bin nicht zu einem vollständigen Verlust, aber mein Verständnis ist, dass es e und window.event (oder x/was auch immer) zu e zuweist. Es ist nur natürlich, oder?

Aber was ist der Wert bei der Zuordnung von e zu e? Sollte nicht e = window.event genug sein? Vielleicht hängt es davon ab, wie es benutzt wird?

Answer 1

e = e || x ordnet x zu e zu, wenn e evalutes zu falsch ist.

Dies ist das gleiche wie:

if (!e) { 
    e = x; 
} 
// or 
e = e ? e : x 

Hier ist eine Tabelle, die zeigt, welche evalute zu falsch Werte: https://stackoverflow.com/a/7615236/603003

Die wichtigsten Werte sind: null und undefined.

---

Was bedeutet es in Ihrem Kontext? Sie wahrscheinlich eine Art von diesem Code haben:

function handler(e) { 
    e = e || window.event; 
} 

Wo handler ein Ereignis-Listener zu einem DOM-Element befestigt ist. Da ältere Versionen von IE das Ereignisobjekt nicht als Parameter übergeben haben, musste überprüft werden, ob der Parameter undefiniert war. Wenn letzteres der Fall ist, weist man das globale Objekt window.event (welches IE geliefert hat) e zu.

Answer 2

nicht zuordnen Es ist nicht beide bis "e", nur derjenige, der null, 0, NaN, "" oder false auch nicht undefined, ist. Es bevorzugt den ursprünglichen Wert von "e" zu window.event, weil "e" auf der linken Seite von || ist, aber wenn es leer ist (einer dieser Werte, die ich aufgeführt habe), wird "e" window.event zugewiesen.

Es ist getan, weil Internet Explorer die Ereignisreferenz nicht als Parameter übergeben hat, sondern einfach an ein globales Symbol gebunden hat. Event-Handler wurden sehr oft geschrieben:

function someHandler(e) { 
    e = e || window.event; 
    // ... 
} 

Es wäre wahrscheinlich strenger gewesen „richtig“ zu schreiben:

function pedanticHandler(e) { 
    if (e === undefined) // or arguments.length == 0 perhaps 
    e = window.event; 
    // ... 
} 

Answer 3

es überflüssig ist e = e zuweisen, sie tun es als Teil dieser Aussage, weil es ist ein Idiom.

Die Anweisung überprüft, ob e definiert ist, und wenn dies nicht der Fall ist, wird sie mit dem folgenden Ausdruck initialisiert: ||. Dies funktioniert, denn wenn der Ausdruck || ausgewertet wird, stoppt der Interpreter die Auswertung, wenn der erste true Teil (von links) gefunden wird.

Insbesondere, wenn e wertet true dann Bewertung stoppt dann, und effektiv haben Sie e = e, die redundant ist. Wenn aber e nicht definiert ist oder false ergibt, wird der rechte Teil der || ausgewertet und e zugewiesen.

Ich persönlich würde eine if Aussage statt clever sein. Oder restrukturieren Sie den Code noch mehr, um if insgesamt zu vermeiden.

EDIT: Ich denke, der ursprüngliche Code ist fehlerhaft. Offensichtlich wird überprüft, ob e bereits initialisiert ist. Aber hier kann es sich selbst neu zugewiesen werden, wenn es bereits initialisiert ist und true auswertet. Dies kann unerwünschte Nebenwirkungen haben.

Answer 4

Sie missverstehen Betreiber.

Diese Zeile weist der Variablen e den Ausdrucke || x zu.

Der Wert e || x ist der erste truthy Wert.
Wenn e truthy ist, wird das e sein; Wenn e falsch ist, wird es x sein.

Answer 5

Wenn e ist undefined (oder null oder jeder anderer false-Wert), ist es mit x initialisiert.

Es ist implizit:

var e = e ? e : x; 

Answer 6

Es gesetzt e gleich entweder selbst (wenn es nicht null, nicht definiert oder falsch ist), ansonsten window.event.

Es ist wie wenn man sagt

if (!e) e = window.event; 

Answer 7

Es ist nicht beide Werte auf e zuweisen. Es ist nur ein Weg x-e zuzuweisen, wenn der ursprüngliche Wert von e ist null, undefined, 0, false, NaN oder eine leere Zeichenfolge (""). Wenn der ursprüngliche Wert e keiner der oben genannten Bedingungen entspricht, behält es den ursprünglichen Wert bei.

Im Grunde ist es eine Kurzform für:

if(!e) { 
    e = x; 
} 

Answer 8

In Ihrem Beispiel e = e || window.event; ist äquivalent zu:

if(!e){ 
    e = window.event; 
} 

Answer 9

, wenn Sie einen Eventhandler zu einem

Elemente hinzufügen

document.addEventListener('click',handler,false); 

in Bei den meisten Browsern wird das Ereignis als erster Parameter übergeben.

handler=function(e){// e is the event in some browsers 
e=e||window.event; // but in some old browsers the event is window.event 
    // so you check if e(event) exists else you use window.event. 
    // '||' means or... 
    // e is already defined as a placeholder in the handler function 
    // so you don't need to put var infront of it 
} 

Answer 10

Die obige Antwort (ComFrek) ist korrekt. Die Grund es tut dies wegen der faulen Bewertung. Der boolesche Wert x || y, der langsam bewertet wird, wird zuerst x überprüfen. Wenn es TRUE auswertet (d. H. Nicht Null ist, nicht null ist), stoppt der Ausdruck und gibt TRUE zurück. Wenn x zu FALSE ausgewertet wird, wird y zurückgegeben.

Dies ist cleverer Code. Clever ist dumm. (Meinung) Als Betreuer, ziehe ich

if (!e) { 
    e = x; 
}