Parte 3: Variables y tipos de datos

3.1 Variables en Javascript

Qué es una variable, para qué sirve y cómo declarar variables en Javascript antes de usarlas.

3.1.1 Concepto de variable

Una variable es un espacio en memoria donde se almacena un dato:

sumando1 = 23 

sumando2 = 33

suma = sumando1 + sumando2 

En este ejemplo tenemos tres variables, sumando1, sumando2 y suma.

Las variables han de construirse con caracteres alfanuméricos y el carácter subrayado (_). Existen una serie de reglas para construir nombres para variables.

• Tienen que comenzar por un carácter alfabético o el subrayado.
• No podemos utilizar caracteres raros como el signo +, un espacio o un $.

Nombres admitidos:

Edad 

paisDeNacimiento 

_nombre

3.1.2 Declaración de variables en Javascript

Declarar variables consiste en definir y de paso informar al sistema de que vas a utilizar una variable. Para declarar una o varias variables utilizaremos la palabra var.

Cuando queramos declarar una o varias variables:

var operando1 

var operando2

Se puede asignar un valor a la variable cuando se está declarando:

var operando1 = 23 

var operando2 = 33

También se permite declarar varias variables en la misma línea,

var operando1,operando2

3.1 Ámbito de las variables en Javascript

Qué son las variables locales y globales y cómo se trabaja con ellas en Javascript.

3.2.1 Concepto de ámbito de variables

Se le llama ámbito de las variables al lugar donde estas están disponibles. 

Como Javascript se define dentro de una página web, las variables que declaremos en la página estarán accesibles dentro de ella. En Javascript no podremos acceder a variables que hayan sido definidas en otra página. Por tanto, la propia página donde se define es el ámbito más habitual de una variable y le llamaremos a este tipo de variables globales a la página. Pero también existen variables que declararemos y tendrán validez en lugares más acotados.

3.2.2 Variables globales

Para declarar una variable global a la página lo haremos en un script, con la palabra var.

<SCRIPT> 

var variableGlobal 

</SCRIPT>

Las variables globales son accesibles desde cualquier lugar de la página, es decir, desde todos los scripts de la página, incluidos los manejadores de eventos, como el onclick.

3.2.3 Variables locales

También podremos declarar variables en lugares más acotados, como una función. Cuando se declaren variables locales en una función solo podremos acceder a ella cuando estemos en esa función. También pueden ser locales a otros ámbitos, como por ejemplo un bucle. En general, son ámbitos locales cualquier lugar acotado por llaves:

<SCRIPT> 

function miFuncion (){ 

  var variableLocal 

} 

</SCRIPT>

En el script anterior hemos declarado una variable dentro de una función, por lo que esa variable sólo tendrá validez dentro de la función. Las llaves acotan el lugar donde está definida esa función o su ámbito.

La variable que tendrá validez en cualquier sitio de la página es la global, menos en el ámbito donde está declarada la variable local, que será ella quien tenga validez.

<SCRIPT>
var numero = 2 
function miFuncion (){ 
  var numero = 19 
  document.write(numero) //imprime 19 
} 
document.write(numero) //imprime 2 
</SCRIPT>

3.2.4 Diferencias entre declarar variables con var, o no declararlas

Cuando utilizamos var estamos haciendo que la varible que estamos declarando sea local al ámbito donde se declara. si no utilizamos la palabra var para declarar una variable, ésta será global a toda la página. 

<SCRIPT> 
var numero = 2 
function miFuncion (){ 
  numero = 19 
  document.write(numero) //imprime 19 
} 
document.write(numero) //imprime 2 
//llamamos a la función 
miFuncion() 
document.write(numero) //imprime 19 
</SCRIPT> 

En este ejemplo, tenemos una variable global a la página llamada numero, que contiene un 2. También tenemos una función que utiliza la variable numero sin haberla declarado con var, por lo que la variable numero de la función será la misma variable global numero declarada fuera de la función. En una situación como esta, al ejecutar la función se sobreescribirá la variable numero y el dato que había antes de ejecutar la función se perderá.

3.3 Qué podemos guardar en variables

En una variable podemos guardar distintos tipos de datos. Por ejemplo podríamos introducir simple texto, números enteros o reales, etc.

Tipos de datos más habituales de Javascript:

• Números. Tipo numérico, para guardar números como 3 o 7123,22.
• Cadenas. Guarda un texto. Siempre debemos utilizar las comillas (").
• Boleanos. (true) or (false)

En realidad nuestras variables no están forzadas a guardar un tipo de datos en concreto. Podemos introducir cualquier información en una variable de cualquier tipo, incluso podemos ir cambiando el contenido de una variable de un tipo a otro sin ningún problema:

var nombre_ciudad = "Valencia" 
var revisado = true 
nombre_ciudad = 32 
revisado = "no"

3.4 Tipos de datos en Javascript

En nuestros scripts vamos a manejar variables diversas clases de información, como textos o números. Cada una de estas clases de información son los tipos de datos.

3.4.1 Tipo de datos numérico

En este lenguaje sólo existe un tipo de datos numérico, independientemente de si son números reales o enteros. Con Javascript también podemos escribir números en otras bases, existen tres bases en las que podemos trabajar:

• Base 10, es el sistema decimal.
• Base 8, sistema octal, que utiliza dígitos del 0 al 7
• Base 16, o sistema hexadecimal.

3.4.2 Tipo boleano

Para realizar acciones si el contenido de una variable es verdadero o falso. Los dos valores que pueden tener las variables boleanas son true o false.

miTexto = "Pepe se va a pescar" 
miTexto = '23%%$ Letras & *--*' 

Todo lo que se coloca entre comillas, como en los ejemplos anteriores es tratado como una cadena de caracteres independientemente de lo que coloquemos en el interior de las comillas. Por ejemplo, en una variable de texto podemos guardar números y en ese caso tenemos que tener en cuenta que las variables de tipo texto y las numéricas no son la misma cosa y mientras que las de numéricas nos sirven para hacer cálculos matemáticos las de texto no.

3.4.4 Caracteres de escape en cadenas de texto

Hay una serie de caracteres especiales que sirven para expresar controles como ser un salto de línea o un tabulador. Estos son los caracteres de escape y que comienza por una contra barra y luego se coloca el código del carácter a mostrar.

Tabla con todos los caracteres de escape:

Salto de línea: \n

Comilla simple: \'
Comilla doble: \" 
Tabulador: \t 
Retorno de carro: \r 
Avance de página: \f 
Retroceder espacio: \b 

Contrabarra: \\