Weblabor

A List Aparton megjelent Better JavaScript Minification című cikke folytatásában Nicholas C. Zakas újabb módszereket mutat be JavaScript kódunk tömöríthetőségének javítására.

Első írásában az eval() függvény és a with használatának kerülését hangsúlyozta.

A második részben a globális változók, az objektumtulajdonságok és a kulcsszavak érinthetetlenségéből fakadó tetemes elvesztegetett tömörítési potenciál megmentésére vonatkozóan ad hasznos tanácsokat.

A globális változók nem cserélhetők rövidebb nevekre, ugyanis a tömörítő nem tudhatja, azok mely más helyeken kerülnek esetleg felhasználásra. A cél tehát (mely egyébként is követendő szabály), hogy a lehető legkevesebbre csökkentsük a létrehozott globális változók számát, a készen kapottakat pedig azonnal tegyük lokálissá.

function doSomething() {
    var doc = document;

    // Itt a változó már lokális, tehát a neve rövidíthető
}

Az esetek nagy többségében ha a programunk több részéből is elérhető változóra van szükségünk, akkor sincs igény arra, hogy ezt más programok is elérjék: nem globális, csak a legfelsőbb szintű hatókörben elhelyezett változó kell nekünk. Egy önhívó névtelen függvény tehát ideális a célra:

(function () {
    var firstLongVariable, secondLongVariable;

    function doSomething() {
        // Ő eléri a két változót
    }

    function doOtherThing() {
        // És ő is
    }
})()

// Itt viszont már nem érhetők el

Az objektumtulajdonságok esetében hasonló a helyzet, mint a globális változóknál, azok nem rövidíthetők le. A megoldás is ugyanaz: az egynél többször használt kulcsot rendeljük egy helyi változóhoz, ami már biztonságosan átnevezhető a tömörítéskor. Mindig tartsuk észben, hogy ami pont után áll, az nem rövidíthető, így a célunk, hogy a pontok számát a lehető legkisebbre szorítsuk a kódunkban.

Ami a nyelv kulcsszavait illeti, ezek értelemszerűen nem cserélhetők le, így az egyetlen lehetőségünk, hogy eleve csökkentjük a számukat. A var esetén ezt megtehetjük az összevont deklaráció alkalmazásával.

var firstLongVariable;
var secondLongVariable;

helyett

var firstLongVariable, secondLongVariable;

A másik kulcsszó, melyen spórolhatunk, a return. Egyes iskolák egyébként is egyetlen visszatérési pontot ismernek csak el, mint üdvözítő gyakorlatot, tömörítési szempontból azonban vitán felül áll ezen tradíció követésének áldásos jellege.

switch (someValue) {
    case 'foo':
        return 1;
        break;
    case 'bar':
        return 2;
        break;
    case 'foobar':
        return 3;
        break;
    default:
        return 0;
}

sokkal hosszabb kimenetet eredményez, mint

var result = 0;

switch (someValue) {
    case 'foo':
        result = 1;
        break;
    case 'bar':
        result = 2;
        break;
    case 'foobar':
        result = 3;
        break;
}

return result;