Fügen Sie zwei Variablen gleichzeitig eine Zahl hinzu CSS-Tricks

Sie können zwei Variablen gleichzeitig mit demselben Wert initialisieren:

var foo, bar; foo = bar = 10;

Es gibt jedoch keinen ähnlich einfachen Mechanismus, um beispielsweise 5 zu beiden foound bargleichzeitig hinzuzufügen . Natürlich ist es einfach genug, nur Folgendes zu tun:

foo += 5; // foo is now 15 bar += 5; // bar is now 15

Aber das sind zwei Operationen.

Der Trick ist:

foo += -bar + (bar += 5); // foo and bar are now 15

Sie werden das wahrscheinlich nie brauchen, es ist nur interessant zu wissen, dass es möglich ist.

Vielen Dank an Matheus Avellar für den kleinen Trick, der auch erklärt:

Das -barwird analysiert und wird zum negativen Wert von bar, also -10. Läuft a += 5dann und setzt barauf 15 (10 + 5). Schließlich summiert es beide Werte (-10 + 15) und gibt Ihnen den Unterschied zwischen alt barund neu bar, nämlich 15.