Ordenando

2024-01-26 01:31:25 +01:00
parent a32d41503d
commit f482a5c3dd
14 changed files with 130 additions and 0 deletions
--- a/Introduccion/VARIABLES_JAVASCRIPT.html
+++ b/Introduccion/VARIABLES_JAVASCRIPT.html
@@ -0,0 +1,128 @@
+<!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>