cabecera javascript para novatos

Las variables | JavaScript para novatos #2º

• Cuando damos instrucciones a través del código que creamos vamos a estar continuamente trabajando con datos,  por ejemplo los que nos puede proporcionar el usuario a través de un formulario. Para que podamos utilizar esos datos y operar con ellos debemos guardarlos en  variables.

Las variables son una especie de contenedores que nos permiten almacenar valores para poder posteriormente acceder a ellos.

Gráfico 2.1
Gráfico 2.1

En el gráfico de arriba, la caja representa una variable llamada “nombre” que contiene el valor “Juan”. A su derecha vemos el código necesario para crear dicha variable, lo que se denomina inicializar (1º declaramos la variable “nombre” y 2º le asignamos el valor “Juan”), veámoslo con más detalle.

Gráfico 2.2
Gráfico 2.2

1º Escribimos la palabra clave var que indica que estamos declarando (creando) una variable.

2º Colocamos el identificador, que es el nombre que le damos a esa variable.

3º El operador de asignación «=», que se necesita para asignar un valor a la variable.

4º Por último se escribe el valor, que en este caso como es un texto (lo que se denomina cadena de texto o string) debe de ir entre comillas, como vimos en el capítulo anterior.

Hagamos una prueba:

<!DOCTYPE html>
    <html>
          <head>
              <script>
                   var nombre = “Juan”;
                   document.write (nombre);
              </script>
          </head>
          <body>
          </body>
    </html>

En la primera línea hemos inicializado la variable “nombre” dándole el valor “Juan”, y en la segunda le indicamos que escriba la variable “nombre”. Con lo cual el navegador va  a escribir el texto “Juan” que es el valor que contiene la variable “nombre”.  Observar que no hace falta escribir “var” cuando le pasamos la variable “nombre” a write, solo se usa “var” al principio, cuando se declara la variable.

• Una vez visto este ejemplo, vamos a repasar y aclarar algunos términos:

Variable: Sería como un contenedor donde se almacenan datos/valores.

Palabra clave o palabra reservada: Son las palabras que se usan para crear las sentencias (por ejemplo var), están en inglés y no pueden utilizarse como nombre para variables u otros elementos que creemos.

Identificador: El nombre único que se da a cada variable. Debe de seguir ciertas normas.

• No puede empezar con un número.

• Puede contener letras, números, guiones bajos y el signo $.

• Al ser Javascript case-sensitive, “Nombre” y “nombre” serian variables diferentes.

• Y como habíamos comentado, no se pueden utilizar las palabras clave.

Declarar: Definir por primera vez una variable, se hace con “var” seguido del identificador (var nombre;). No es necesario asignarle un valor en el momento de la creación, se puede asignar más adelante.

Inicializar: Si en el momento de declarar una variable también se le asigna un valor. Ejemplo:

var nombre = “Juan”;

¿Por qué se llaman variables?

• La característica más importante  de las variables es que su contenido no es constante, de ahí proviene su nombre y en ello radica su verdadera utilidad.

Gracias a ello podemos ir modificando el valor que contiene cuando lo necesitemos, veamos un ejemplo:

Imagina que queremos crear un script en el que recojamos por medio de un formulario el nombre del usuario, y después le demos la bienvenida.

<script>
      var nombre = "Juan";
      document.write ("Hola " + nombre);
</script>

El signo “+” que aparece en el código es el operador que nos permite concatenar (sumar) cadenas de texto, y como en este caso una cadena y una variable.

Al meter el nombre del usuario en la variable, podremos utilizar este script para todos los usuarios, tan solo debemos cambiar el valor de la variable “nombre” por el que introduzca el usuario en el formulario.

DATO DE INTERÉS:

Para hacer comentarios en nuestro código Javascript tenemos dos opciones.

// para comentar una línea

/* para comentar

varias líneas */

En el próximo artículo seguiremos con las variables y con los tipos de datos.


Ir a Javascript para novatos 3ª parte

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *