Exemples Javascript

Insertar Javascript al HTML

<script type="text/javascript">
    // codi
</script>

<script type="text/javascript" src="scripts.js"></script>

<noscript>
    <p> El teu navegador no suporta javascript. </p>
</noscript>

Formes de declarar variables

var a=1;

for (a=1;a<10;a++){
    let b = a;            // El scope de b es limita al bucle
    var c = a;            // El scope de c és global
    console.log(b);
}

console.log(a,b,c);   // Uncaught ReferenceError: b is not defined

var a;

for (let i=1;i<10;i++){
    a++;
}

console.log(a,i);  // Uncaught ReferenceError: i is not defined
// útil per no tindre la variable de control del bucle accessible tot el programa.

Constants:

const a=1;

for (let i=1;i<10;i++){
    a++;     // Uncaught TypeError: invalid assignment to const 'a'
}

Sense let, var o const es perd el scope, NO recomanable:

let a=1;

function sumar(){
  a=a+10;
  b=1;
  return a;
}

console.log(sumar(),b);

Transformació de tipus de dades

var array_mix = [
    "abcdef", 2 , 2.1 , 2.9e3 , 2e-3 ,
    0234 , 0x23AF , true , [1,2,3] , {'a': 1, 'b': 2}, '4' 
  ];
  for (let i=0;i<array_mix.length;i++) {
    console.log(typeof(array_mix[i]));
  }
  
console.log(typeof(array_mix[1]+"")); // de número a cadena +""
console.log(typeof(parseInt(array_mix[10]))); // de cadena a número parseInt parseFloat

Funcions

Declaració de funcions

   
suma_y_mostra(2,3);  // Funciona abans de la funció per el hoising

function suma_y_mostra(numero1,numero2) {
    resultat = numero1 + numero2;
    console.log("El resultat és " + resultat);
    return resultat;
   }

console.log(suma_y_mostra); //sense () el que trau és l'objecte funció

Expressions de funcions

function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); }
var x = toCelsius(77);
console.log(x);
console.log(`La temperatura és: ${x} C`);
// Dirèctament en la variable
x = function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); }
console.log(x);
console.log(`La temperatura és: ${x(77)} C`);
// Sense nom de funció
x = function (fahrenheit) { return (5/9) * (fahrenheit-32); }
console.log(x);  // Obervem el nom de la funció en la consola
console.log(`La temperatura és: ${x(77)} C`);

// Factorial recursiu
var factorial = function fac(n) {return n<2 ? 1 : n*fac(n-1)}; // pot ser recursiva perquè té nom
console.log(factorial);
console.log(factorial(5)); 


// Utilitzar una expressió de funció com a argument d'una altra funció.
function map(f,a) {
    var result = [], // Crea un nou Array
        i;
    for (i = 0; i != a.length; i++)
      result[i] = f(a[i]); // f és una funció
    return result;
   }
   
var multiplicar= function(x) { return x * x * x;} //Expressió de funció
// function multiplicar(x) { return x * x * x;} //declaració de funció
console.log(map(multiplicar, [0, 1, 2, 5, 10])); // Array(5) [ 0, 1, 8, 125, 1000 ]