Wie funktioniert es? target = $ this.attr ('Datenziel') || e.preventDefault() ||

Question

Ich habe einige Beispiel

target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') 

aber ich verstehe nicht, wie seine Werke (

Wenn ich console.log()

console.log(target, e.preventDefault(), (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 

ich haben

#collapseTwo undefined #collapseTwo 

Ja, ich verstehe, dass e.preventDefault() Ergebnis - "Müll" zurückgibt ... aber warum e.preventDefault() verwendet mit || Betreiber?

Wie funktioniert es?

Answer 1

Dies geschieht Folgendes: Bei einigen Kommentaren vollständig unterscheidet sich die revisited Antwort (in gewissem Sinne :)) Also, was es tut, dass, wenn das Element geklickt Datatarget hat einen Wert (in diesem Fall, dass das Element angenommen wird, ist kein Anker mit navigatorischem Klickereignis zum Abbrechen) als dieser Wert für die Navigation verwendet wird, andernfalls muss das Element ein Anker sein, der zuerst abgebrochen werden muss, dann wird der Wert des href-Attributs verwendet.

knappe? :)

Mein ursprüngliches Lesen davon war: Wenn das Ereignisziel dataTarget-Attribut hat, wird die Click-Ereignis-Blase abgebrochen, und wenn das Click-Ziel ein href-Attribut angegeben hat, wird der Browser dort navigiert. Das Konzept besteht darin, dass die Bewertungslogik von links nach rechts mit der tatsächlichen Ausführung der seitenwirksamen Methode kombiniert wird.

Diese Art von Kettenschrift ist nicht wirklich vorteilhaft, wenn auch knapp. preventDefault ist da, weil auf diese Weise der Aufruf an ihn verkettet ist und kein Codeblock benötigt wird.

Answer 2

Die || Der Operator wertet den Ausdruck nicht rechts davon aus, wenn der Wert auf der linken Seite WAHR ist.