2.1.- Lèxic del llenguatge.
2.2.- Paraules reservades en JavaScript.
2.3.- Matrius en JavaScript.

Tornar al menú inicial.

2.1.- Lèxic del llenguatge.

Primer de tot cal dir que JavaScript deriva directament d'un altre llenguatge anomenat Java, que alhora deriva de C. És per aquest motiu que podem trobar moltes semblances entre aquests llenguatges. A grans trets direm que JavaScript:

  • És Case Sensitive. Això vol dir que distingeix entre majúscules i minúscules. Per aquest motiu entendrà com a coses diferents 'Variable', 'VARIABLE', 'variable', etc. Igual per a les paraules reservades, que van en minúscules, sinó poden no ser reconegudes. Exemple: 'FOR' no és correcte, 'for' si és correcte.
  • Els comentaris, com ja hem vist en algún exemple, van després de dues barres '//' o entre '/*' ... '*/' .
  • Totes les linies de codi o setències acaven amb punt i coma: ';' .
  • Els surets '{' ... '}' serveixen per a delimitar fragments de codi com poden ser funcions o bucles. Tot allò que estigui entre els surets s'enten com a part d'aquesta funció o bucle. Exemple: 'if (a==5) { a=6; };' .
  • Les variables han de declarar-se abans d'utilitzar-les. La forma de fer-ho és utilitzant la paraula reservada 'var'. No cal definir el tipus de variable que volem. En aquesta declaració pot assignar-se a la variable un valor. Exemple: 'var i=5;' .
  • L'ús de cometes en JavaScript és lliure, podent triar entre ' i ", sempre i quant s'obrin i es tanquin amb les mateixes. Aixó ens permet fer coses com les següents:

    <A HREF="JavaScript:alert('Hola');">Hola</a>
    ... ó ...
    <SCRIPT>
    <!--
    Ruta="http://personal.redestb.es/rigola/grafics/";
    document.write('<IMG SRC="'+RUTA+'banner.gif">');
    // -->
    </SCRIPT>

  • Ús de caràcters d'escapada:
    \n
    		Nova linia.
    \r
    		Retorn de carro.
    \t
    		Tabulador.
    \b
    		Caràcter anterior.
    \\
    		Caràcter contra-barra '\' .
    \'
    		Caràcter cometa simple.
    \"
    		Caràcter cometa doble.

  • Operadors
    Operadors Aritmètics
    +
    		Suma
    -
    		Resta.
    *
    		Multiplicació.
    /
    		Divisió.
    %
    		Mòdul (=Retorna el reste de la divisió)
    Increments i decrements.
    ++
    		Increment (a++ vol dir a=a+1).
    --
    		Decrement (a-- vol dir a=a-1).
    Operadors lògics
    -
    		Negació.
    &&
    		AND (conjunció).
    ||
    		OR.
    !
    		NOT.
    &
    		AND bit a bit.
    |
    		OR bit a bit.
    ^
    		XOR bit a bit.
    ~
    		NOT bit a bit.
    >>
    		Rotació dreta bit a bit.
    <<
    		Rotació esquerra bit a bit.
    >>>
    		Rotació dreta bit a bit (sense signe).
    ==
    		Igual lògic.
    !=
    		Diferent.
    >
    		Major que.
    <
    		Menor que.
    >=
    		Major o igual que.
    <=
    		Menor o igual que.
    ?:
    		Condicional ternari.
    ,
    		Coma.

    • Tornar a l'inici del capitol
    2.2.- Paraules reservades en JavaScript.

  • Condicional if ... else.

    La realització d'una o més sentències depèn del compliment d'una condició declarada en el if. Exemple:

    if (a==4) { alert('correcte');};

    Només veuriem la finestra d'alerta en cas que la variable a tingués com a valor 4.

    L'if té una paraula reservada associada anomenada else que serveix per a donar la possibilitat d'incloure una o més sentències qu només s'engegarien en cas de no complir-se la condició.

    if (a==4) { alert('correcte');} else { alert('incorrecte');};

    Veuriem la finestra d'alerta 'correcte' en cas que la variable a tingués com a valor 4 i la finestra d'alerta 'incorrecte' en cas que la variable tingué un altre valor.

    Cal recordar que una estructura if pot contenir altres estructures del tipus if, for, while, etc.

  • Repeticions amb for.

    La instrucció for permet repetir una o més sentències. La seva sintaxi consisteix en un valor inicial, una condició i una operació. Exemple:

    var aux;
    for (aux=1; aux<4; aux++) {
    alert ("Missatge d'alerta No. " + aux);
    }

    Pitgeu aquí per a veure el resultat.

    Una altre de les possibilitats que ens ofereis JavaScript és la de poder fer repeticions múltiples.

  • Bucles amb el while.

    La instrucció while permet repetir una o mé instruccions mentre es compleixi la condició indicada. Exemple:

    var resposta;
    while (!resposta) {
    resposta=confirm("Acceptes que aquest és el millor curs de JavaScript?");
    }
    alert ("Veig que ets sincer! ;P");
    Pitgeu aquí per a veure el resultat.


    • Tornar a l'inici del capitol
    2.3.- Matrius en JavaScript.

    Una matriu o array consisteix en un conjunt de dades del mateix tipus i nom identificats per un index. Per a definir-la nomès cal possar:

    El_meu_array = new Object ();

    Aquest array es de volum indefinit. Si li volguèssim possar-li un volum fixe, nomès caldria indicar aquest límit en l'interior del parèntesi:

    El_meu_array = new Object ( límit );

    Un cop definit l'array nomès cal assignar els valors a cadasquna de les posicions:

    El_meu_array[5]="Aquest curs és el millor!";

    L'array pot declarar-se també a través de l'objecte Array de la següent forma:

    El_meu_array = new Array();

    La ventatge que recull l'objecte Array respecte l'objecte Object és la possibilitat de conèixer, en temps d'execució, el tamany de la matriu amb la funció length. Tambè podrem donar de baixa elements, igualant-los o a una cadena buida "" o a NULL:

    El_meu_array[5]="";
    ... o ...
    El_meu_array[5]=null;

    Podem definir matrius multidimensionals, no de manera directa perque JavaScript no ho permet, però es possibe treballar-hi amb una mica d'ingeni. Exemple:

    var Matriu_DD = new Array(10);
    var b1,b2,b3;

    var M_Aux1 = new Array(10);
    var M_Aux2 = new Array(10);
    var M_Aux3 = new Array(10);

    for (b1=0;b1<Matriu_DD.length;b1++) {
    for (b2=0;b2<M_Aux1.length;b2++) {
    for (b3=0;b3<M_Aux2.length;b3++) {
    M_Aux2[b3]=M_Aux3;
    }
    M_Aux1[b2]=M_Aux2;
    Matriu_DD[b1]=M_Aux1;
    }
    }

    Existeix la possibilitat de fer un array de controls. Entenem per array de controls una matriu que conté tots els controls de determinat tipus (per exemple, tots els gràfics d'una plana o els quadres de texte.

    Exemple

    Tornar a l'inici del capitol
    Tornar al menú inicial.