JavaScript jest, jaki jest – kolejne jego wersje dodają bardzo przydatne funkcje, aczkolwiek przeglądarki implementują je dość opieszale. Absolutną podstawą, obecną we wszystkich nowoczesnych browserach, jest JS 1.5. Niestety smaczki, jakie oferuje nam JavaScript 1.7 są nieobecnie, na przykład, w Internet Explorerze, stąd też w, zdawałoby się, oczywistych sytuacjach, musimy sobie radzić róznymi workaroundami. Co na przykład, jeśli chcemy zrobić szybką podmianę wartości zmiennych, nie korzystając z trzeciej, pomocniczej?

W JavaScript 1.7 to bułka z masłem:

var x = 2000;
var y = 1000;

[x, y] = [y, x];

Działa w nowych Firefoxie i Operze.

Jako że z dostępnością takiej konstrukcji dość krucho – trzeba sobie radzić w inny sposób, wykorzystując pewien tok myślowy.

var x = 2000;
var y = 1000;

x += y;
y = x-y;
x -= y;

Do zmiennej x dodajemy zmienną y i robi sie 3000. Żeby wyłuskać starą wartość zmiennej x, tym samym dokonując pierwszej zamiany, trzeba odjąć od powstałej sumy zmienną y. Matematyka…

Ostatnim krokiem jest odjęcie od zmiennej x nowej wartości zmiennej y. Wszystko gra, a można to lepiej zrozumieć poprzez spokojną analizę powyższych trzech kroków. Można ewentualnie sobie to rozpisać:

var x = 2000;
var y = 1000;

x = x+y;
y = x-y;
x = x-y;

Wszystko fajnie, ale nie jesteśmy zwykłymi leszczami i chcielibyśmy pochwalić się kolegom (lub koleżankom, choć te rzadko programują ;-)), że potrafimy zrobić coś takiego w jednej linijce. Jako że JavaScript umożliwia wielokrotne przypisanie typu:

x = y = z = a;

zróbmy małą reorganizację kodu, przepisując to, co mamy

var x = 2000;
var y = 1000;

x -= y = (x+=y) - y;

Podmienia się tylko zmienna y, co dzieje się dość prosto, jeśli przeczytamy kod od prawej do lewej, aż do pierwszego przypisania (=):

y = (x+=y) - y;

W ten sposób zmienna y dostaje wartość 2000. Następnie JS wykonuje:

x -= y

co jest niczym innym, jak:

x = 2000 - 2000

Stało się tak dlatego, że JS w przypisaniu od lewej pobiera domyślnie wartość x z globalnego Scope’u, ignorując tym samym x+=y.

Jako że arytmetyka wygląda tak, jak wygląda – zawsze możemy pokombinować. Do dzieła!

Zróbmy małą reorganizację kodu:

var x = 2000;
var y = 1000;

x = x - y = (x = x + y) - y;

Jest już prościej (opuściliśmy wszelkie +=)! Trzeba by jednak przenieść x na koniec, by JavaScript nie ogłupiał nas z domyślną jego wartością.

Trochę zabawy z kolejnością:

var x = 2000;
var y = 1000;

x = -(y = (x = x + y) - y) + x;

i jest! Szczegółowa analiza tego, co się dzieje, wskazuje, że to nic innego, jak uproszczony zapis procesu, który przedstawiłem na początku w trzech krokach. Voila!

Powyższą konstrukcję można jeszcze bardziej uprościć, ale zadanie to zostawiam dla śmiałków.