Bienvenid@s a la parte 2 del tutorial javascript, en este nuevo capítulo vamos a empezar a ver fundamentos básicos del
lenguaje javascript, concretamente, las Variables, Constantes y tipos de datos.
Vamos a empezar creando un archivo y lo vamos a guardar en la carpeta javascript como fundamentos-1.js
y como vimos en el primer capítulo vamos a embeberlo en el archivo index.html ...
<!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="javascript/fundamentos-1.js"></script> </head> <body> </body> </html>
Bien, ahora estamos preparados para empezar a escribir código en fundamentos-1.js, pero antes vamos a ver
las materias que vamos a tocar en este tema.
Variables
Las variables se pueden o no declarar, para declararlas puedes hacerlo a través de la palabra reservada var y
seguido de su nombre.
Las variables sólo pueden albergar un sólo valor y su valor puede ir cambiando a lo largo de la ejecución del script como
veremos en el ejemplo final de este capítulo, otro aspecto importante es que a las variables no es necesario indicarle el
tipo de datos que son, sino que Javascript lo interpreta dependiendo del valor dado.
Ejemplo de declaracion de una variable ...
var variable = "Hola mundo";
También es válido de la siguiente forma ...
variable = 12;
Constantes
Las constantes al igual que las variables sólo pueden albergar un sólo valor, pero diferencian de éstas en que no puede
cambiar su valor a lo largo de la ejecución del script, para declarar una constantes hay que hacerlo a través de la
palabra reservada const
const cinco = 5;
Tipos de datos
Los principales tipos de datos que podemos utilizar en Javascript son los siguientes:
- String (cadenas de texto), por ejemplo: var string = "hola";
- Integer (números enteros), por ejemplo: var integer = 12;
- Float (números decimales), por ejemplo: var float = 3.14;
- Boolean (Verdadero o falso), por ejemplo: var boolean = true;
- Hexadecimal, por ejemplo: var hexadecimal = x0ff1100;
- Octales, por ejemplo: var octal = 03311;
OK, ahora que hemos visto un breve repaso de las variables, constantes y tipos de datos es momento de ver un
sencillo ejemplo, copia y pega el siguiente código en fundamentos-1.js y guárdalo ...
//Tipo de datos String
var variable = 'Hola soy una variable';
document.write('<p>' + variable '</p>');
//Tipo de datos integer
var variable = 12;
document.write('<p>' + variable + '</p>');
//Tipo de datos float
var decimal = 3.14;
document.write('<p>' + decimal + '</p>');
//Tipo de datos Boolean -> true o false
var otra_variable = true;
document.write('<p>' + otra_variable + '</p>');
//Tipo de datos hexadecimal
var hexadecimal = 0xff0011;
document.write('<p>' + hexadecimal + '</p>');
//Constantes
const cinco = 5;
document.write('<p>' + cinco + '</p>');
Ahora es momento de ver el resultado, abre index.html en tu navegador y te debe mostra el siguiente resultado ...
Bien, ahora es momento de que practiques y crees nuevas variables y constantes y le asignes un tipo de datos en concreto.
No hay comentarios:
Publicar un comentario