128 lines
3.5 KiB
HTML
128 lines
3.5 KiB
HTML
<!Doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>VARIABLES JAVASCRIPT</title>
|
|
<script type="text/javascript">
|
|
/*VARIABLES
|
|
En JavaScript, las variables son contenedores que almacenan valores. Estos valores pueden cambiar durante la ejecución del programa.
|
|
|
|
Declaración de Variables:
|
|
|
|
var: Forma tradicional - Ámbito de función - Fuera de una función variable global.
|
|
|
|
var x = 5;
|
|
|
|
let y const: ECMAScript 6 (ES6)2015 - Ámbito de bloque - let permite reasignación(nuevo valor) - const crea variables de solo lectura.
|
|
|
|
let y = 10;
|
|
const PI = 3.1416;
|
|
|
|
Ámbito de Variables:
|
|
|
|
Ámbito Global:declaradas fuera de cualquier función o bloque tienen un ámbito global y pueden ser accedidas desde cualquier parte del código.
|
|
Ámbito Local: dentro de una función o bloque tienen un ámbito local y solo son visibles dentro de ese ámbito.
|
|
|
|
|
|
Reasignación:
|
|
var y let pueden ser reasignadas - const no pueden reasignarse.
|
|
|
|
Convenciones de Nombres:
|
|
camelCase para variables (miVariable) y UPPER_CASE para constantes (MI_CONSTANTE)
|
|
|
|
*/
|
|
|
|
// scope reasignable redeclarable mutable
|
|
// var function sí sí sí
|
|
// let block sí no sí
|
|
// const block no no sí
|
|
|
|
|
|
// Ámbito o scope en javascript
|
|
|
|
var a=3; // Variable Global
|
|
|
|
function funcion() {
|
|
var b=5; // Variable Local
|
|
c=8; // Variable Global (en modo estricto no funcionaría)
|
|
|
|
console.log("<br>");
|
|
console.log(b); // Accedo a variable Local
|
|
|
|
}
|
|
funcion(); // Se invoca la función
|
|
|
|
console.log("<br>");
|
|
console.log(c); // Accedo a variable Global dentro de una función
|
|
|
|
|
|
//***¨Scope o ámbito de una variable ***/
|
|
function ejemplo() { // comienzo scope de function y de block (A)
|
|
var a = 1; let b = 2; const c = 3;
|
|
if (true) { // comienzo nuevo scope de block (B)
|
|
var a = 10; // scope: function, redeclara a
|
|
let b = 20; // scope: block, no redeclara pq scope es bloque (llaves)
|
|
const c = 30; // scope: block, no redeclara pq scope es bloque (llaves)
|
|
console.log(a, b, c);// 10 20 30
|
|
} // fin scope de block (B)
|
|
console.log(a); // 10 - scope: function. Valor en condición if
|
|
console.log(b); // 2 - scope: block. Valor 1ª línea function.
|
|
console.log(c); // 3 - scope: block. Valor 1ª línea function.
|
|
}// fin scope de function y de block (A)
|
|
|
|
|
|
|
|
//***** Tipos de Variables (no hay que declarar el tipado de las variables)*****//
|
|
|
|
// Numérica - float
|
|
var edad=25;
|
|
var altura=1.65;
|
|
var area=2*4;
|
|
|
|
// String - cadena de texto
|
|
var nombre="Rafa";
|
|
var letra="E";
|
|
var numero="15";
|
|
var frase="Las comillas en un 'texto' pueden ser necesarias";
|
|
var frase="Las comillas en un \"texto\" pueden ser necesarias";
|
|
|
|
// Array - Arreglo - Vector - Matriz (Conjunto de datos, con un orden conocido, pueden ser de distintos tipos)
|
|
|
|
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
|
|
|
|
var edades=[25,20,46,82,45];
|
|
|
|
var persona=["Rafa",20,true]
|
|
|
|
// Acceder a un dato del array (posicion entre corchetes)
|
|
document.write(dias[2] + "<br>"); // Miércoles
|
|
|
|
// Object - Objeto
|
|
|
|
var chaqueta = {
|
|
color: "azul",
|
|
size: 50
|
|
};
|
|
|
|
// Boolean - boleana
|
|
|
|
var usuarioRegistrado = false;
|
|
var ivaIncluido = true;
|
|
|
|
// Undefined
|
|
var laquesea;
|
|
document.write(laquesea);
|
|
|
|
// Null
|
|
var lado1=12;
|
|
var lado1=null;
|
|
|
|
// NaN (Resultado de operaciones imposibles)(Not a number)
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
</body>
|
|
</html> |