JavaScript obudowany jest obecnie wieloma frameworkami, które znacznie upraszczają kod, istnieje jednak trochę instrukcji, które umożliwiają skrócenie i uproszczenie kodu również w samym natywnym języku JavaScript. W tym artykule przytoczę 9 takich skrótów, które wydają mi się najbardziej interesujące, a część z nich może zaskoczyć również doświadczonych programistów JS.

Na samym dole strony efekt poniższego kody (wynik jego uruchomienia), który zobaczyć można w konsoli, a w każdym z przykładów dodałem instrukcję console.log, żeby dokładnie wskazać, która z wartości jest tu istotna.

1) Warunek, po którym wywoływana jest funkcja.
var check=7;
function somefn(temp) {
	console.log(temp+2);
}
// Skrót 1 wersja LONG
if(check>5){
	somefn(check);
}
// Skrót 1 wersja SHORT
(check>5) && somefn(check);
2) Dzielenie przez 2 z zaokrągleniem w dół
var check=9;
// Skrót 2 wersja LONG
console.log(Math.floor(check/2));
// Skrót 2 wersja SHORT
console.log(check>>1);
3) Inny zapis warunku if else
var check=9;
var bool;
// Skrót 3 wersja LONG
if (check > 10) {
    bool = true;
}
else {
    bool = false;
}
console.log(bool);
// Skrót 3 wersja SHORT
bool = (check > 10) ? true : false;
console.log(bool);
4) Przypisanie do zmiennych w zależności od warunku
var varia2, varia1 = "";
// Skrót 4 wersja LONG
if (varia1) {
	varia2 = varia1;
	console.log(varia2);
} else {
	varia2 = "interesting";
	console.log(varia2);	
}
// Skrót 4 wersja SHORT
var varia2 = varia1 || "interesting";
console.log(varia2);
5) Przypisanie do zmiennych pod warunkiem, że nie (null lub undefined lub „”)
var varia2, varia1 = "";
// Skrót 5 wersja LONG
if (varia1 !== null || varia1 !== undefined || varia1 !== "") {
    varia2 = varia1;
    console.log(varia2);
}
// Skrót 5 wersja SHORT
varia2 = varia1  || "interesting";
console.log(varia2);
6) Sprawdzenie czy warunek zwraca true
var bool=true;
// Skrót 6 wersja LONG
if (bool == true) {
	console.log("this is true");
}
// Skrót 6 wersja SHORT
if (bool) {
	console.log("this is true");
}
7) Sprawdzenie czy warunek zwraca false
var bool=false;
// Skrót 7 wersja LONG
if (bool != true) {
	console.log("this isn't true");
}
// Skrót 7 wersja SHORT
if (!bool) {
	console.log("this isn't true");
}
8) Skrótowy zapis iteracji po tablicy
var tab, table = [1,2,3];
// Skrót 8 wersja LONG
for (var i=0; i < table.length;i++) {
	tab += table[i] + " ";
}
console.log(tab);

// Skrót 8 wersja SHORT
for (var j in table) {
	tab += table[j] + " ";
}
console.log(tab);
9) Użycie ~~
// Skrót 9 wersja LONG
console.log(Math.floor(11.9)); //zaokrąglenie liczby w dół => 11
// Skrót 9 wersja SHORT
console.log(~~(11.9)); //~~(11.9) => 11
// Inne przykłady użycia ~~ w natywnym JavaScript
console.log(~~(1/0)); //~~(1/0); => 0
console.log(~~false); //~~false; => 0
console.log(~~true); //~~true; => 1

Poniżej efekt każdego z 9 przypadków. Dla łatwiejszego czytania do część dodałem popielate tło w Photoshopie. Każdy z przypadków jest ponumerowany i pierwsza wartość jaka się pojawia dotyczy wersji LONG, a druga wersji SHORT, chociaż nie ma to wielkiego znaczenie ponieważ te wartości, są sobie równe. Trzy ostatnie cyfry z ostatniego zapisu, przedstawiają tą samą kolejność co powyżej i dotyczą przykładu: „Inne przykłady użycia ~~ w natywnym JavaScript”
JavaScript – skrócony zapis wybranych instrukcji JS