ES6

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejemplo</title>
</head>
<body>
    <p id="test"></p>
    <p id="test2"></p>
    <p id="flecha"></p>
    <script>
        /*

        CARACTERISTICAS AÑADIDAS POR ECMAScript6 (ES6)

        // Declaración de variables: var (1995-2015), 2015 -> ES6: let, const
        // let define variables de alcance local, dentro del bloque donde se definen
        // mejoran la integridad de datos, se recomienda usar en lugar de var
        {
            let x = 2;
            document.getElementById("test2").innerHTML = "El valor de x dentro es " + x;
        }

        let x = 5;
        let y = 5;
        let z = x + y;

        document.getElementById("test").innerHTML = "El valor de x fuera es " + x;


        // Funciones flecha: forma alternativa de escribir funciones en ES6 ç
        // ahorran codigo, permiten expresar funciones como expresiones, mejoran la gestión del ámbito de las variables

        function dividir(a,b){
            if (b != 0)
                return a/b;
            else
                return false;
        }

        // función flecha:
        const dividir = (a,b) => {
            if (b != 0)
                return a/b;
            else
                return false;
        }
        */
        // Ejemplo de función flecha
        let suma = (a,b) => a + b
        document.getElementById("flecha").innerHTML = "La suma de 4 y 5 es " + suma(4,5);


    </script>

</body>
</html>