Scribd
Cargar
46 vistas18 páginas

JS Clase01 2 Variables

Este documento presenta una introducción a las variables, constantes y tipos de datos en JavaScript. Explica cómo declarar variables con var y let, los diferentes tipos de datos (numéricos, cadenas y booleanos), y cómo realizar operaciones matemáticas y concatenación entre variables. También muestra cómo usar la consola del navegador para depurar código y ver resultados. Finalmente, propone dos ejercicios prácticos sobre estas temáticas.

Cargado por

Delilah Bulsara
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
46 vistas18 páginas

JS Clase01 2 Variables

Este documento presenta una introducción a las variables, constantes y tipos de datos en JavaScript. Explica cómo declarar variables con var y let, los diferentes tipos de datos (numéricos, cadenas y booleanos), y cómo realizar operaciones matemáticas y concatenación entre variables. También muestra cómo usar la consola del navegador para depurar código y ver resultados. Finalmente, propone dos ejercicios prácticos sobre estas temáticas.

Cargado por

Delilah Bulsara
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 18

JavaScript

Clase 1 - Variables, constantes,


tipos de datos y modo consola

Bianchi – Cabrera – Ciarallo – Fernández - García - Goicoa – Jaldín – Juárez – Limongi

Febrero 2023
Contenido:
• Variables. Declaración y uso. Nombres
• Constantes
• Tipos de datos
• Acceso y uso de la consola
• Operaciones entre variables numéricas
• Concatenación de cadenas de caracteres

JS Clase 2: Variables
Variables
Reservan un espacio en la memoria de la máquina que se utilizará para guardar datos

➔ Pueden cambiar su valor (por eso variables)


➔ Para declarar una variable debemos considerar:
◆ Alcance: Local o Global (ámbito de existencia, se verá más adelante)
◆ Nombre: Para poder referenciarla
◆ Tipo de dato: Para indicar qué vamos a almacenar en la variable.
Es distinto almacenar un número, palabras, una dirección, etc.

JS Clase 2: Variables
Declaración de las variables
<script>
➔ Hasta el estándar anterior (ES5), una
variable se declaraba con la palabra var //Declaración de variable ES5.
var nombreVariable1;
➔ En el último estándar (ES6) se incorporó
la declaración con let
//Declaración de variable ES6.
➔ No son iguales, pero de manera inicial let nombreVariable2;
pueden usarse indistintamente.
</script>

JS Clase 2: Variables
Nombres de variables
Los nombres de las variables tienen ciertas reglas que son sintácticas y otras
que pertenecen a lo que llamamos “buenas prácticas” o código bien escrito.

Regla Tipo
Los nombres únicamente pueden incluir letras, dígitos o los símbolos $ y _ Sintaxis
El primer carácter no puede ser un dígito Sintaxis
Los nombres deben ser representativos de los datos que se guardan Buenas prácticas
Si el nombre está compuesto por más de una palabra, se utilizará la notación Buenas prácticas
camelCase (salvo la primera palabra, las demás comienzan con mayúsculas)

JS Clase 2: Variables
Tipos de datos
➔ Numérico entero y flotante: Number <script>

(para guardar números con y sin let variableNumerica;


var variableTexto;
decimales, el tipo es el mismo)

➔ Cadenas de caracteres: String variableNumerica = 5;


(nombres, direcciones, etc) variableTexto = "Mi texto";
variableTexto = 'Mi texto';
➔ Valores lógicos: Boolean
(true, false) </script>

Los tipos son dinámicos, se definen en el momento de asignarle un valor a la variable.

JS Clase 2: Variables
Consola
Permite, entre otras cosas, seguir código sin necesidad de mostrarlo en una página web.

➔ En Chrome se puede acceder


haciendo click derecho en algún
sitio de la página web, se nos
abrirá un menú emergente,
elegimos inspeccionar y luego,
consola.
➔ También se puede acceder
presionando la tecla F12
ELEGIR

JS Clase 2: Variables
Consola (continuación)
➔ Luego hay que seleccionar la

ELEGIR
solapa “Console” y debajo
aparecerá el prompt “>”, a
continuación del mismo
podremos ingresar las
PROMPT
instrucciones que queramos.

CERRAR
➔ Para salir del modo consola, se
presiona la cruz de cierre, arriba
a la derecha.

JS Clase 2: Variables
Ejemplo de uso de consola
Mediante el uso de la instrucción console.log(), podemos enviar un mensaje que saldrá
por la consola.
www
—----------------------
-----------

.html
<!DOCTYPE html>
<html>
<body>
<h1>Ejemplo de Uso de la Consola</h1>
<script>
console.log("Este mensaje se verá por la consola");
</script> Mensaje por
consola
</body>
</html>

JS Clase 2: Variables
Constantes
El valor asignado a una constante cuando se la declara, no puede ser modificado.
Se declaran con la palabra const y, por convención, el nombre va en mayúsculas.

<script>

const PI = 3.14159;

console.log(PI);

PI = 3.1416; Si intentamos
modificar el valor,
dará error
</script>

JS Clase 2: Variables
Instrucción: document.write()
Nos da la posibilidad de imprimir lo que indiquemos entre los paréntesis.
Podemos imprimir:
➔ Un texto literal (entre comillas que pueden ser simples o dobles)
➔ Una variable (en este caso no debemos utilizar las comillas)

<script>
let nombre = "Juan";
document.write("Hola "); // texto literal
Ejemplo
document.write(nombre); // variable
</script>

JS Clase 2: Variables
Operaciones entre variables numéricas
➔ Entre variables numéricas
podemos realizar operaciones <script>

matemáticas, como sumas, let numeroA = 5;

restas, multiplicaciones y let numeroB = 2;

divisiones. const NUMEROC = 3;


let resultadoSuma = numeroA + numeroB;
➔ El signo igual “=” es el
let resultadoResta = numeroB - numeroA;
operador de asignación: asigna let resultadoProducto = numeroB * NUMEROC;
a una variable el valor que está let resultadoDivision = numeroA / numeroB;
del lado derecho del igual. </script>

JS Clase 2: Variables
Resumen de operadores matemáticos
Operador Nombre Propósito Ejemplo
+ Suma Suma dos números. 10 + 5
Resta el número de la derecha del de la
- Resta 30 – 10
izquierda.

* Multiplicación Multiplica dos números. 3*5

Divide el número de la izquierda por el de


/ División 10 / 5
la derecha.

Retorna el resto después de dividir el 8 % 3 (retorna 2, como tres


Módulo o
% número de la izquierda en cantidades por dos es 6, quedando 2
Resto
enteras del número de la derecha. restantes.)

JS Clase 2: Variables
Concatenación entre cadenas de caracteres
Con el operador + podemos concatenar texto.

<script>
let textoA = "Hola";
let textoB = "mundo";
const BLANCO = " ";
let resultado = textoA + BLANCO + textoB;
</script>

JS Clase 2: Variables
Resumen
✓ Una variable es un espacio de memoria que se reserva para guardar
datos. Su contenido puede modificarse
✓ Constantes, el valor originalmente asignado no puede ser modificado
✓ Es posible hacer operaciones matemáticas entre variables numéricas
✓ Es posible concatenar strings (cadenas de caracteres)
✓ La consola en el navegador (F12) nos permite analizar el código y los
posibles errores

JS Clase 2: Variables
Ejercicios

1. Definir dos variables de tipo numéricas. Realizar las cuatro operaciones


básicas: suma, resta, multiplicación y división, y mostrar los resultados en
la consola.

2. Definir tres cadenas de caracteres: “Argentina”, “Programa”, “4.0”, y una


constante que contenga un espacio en blanco. Concatenar estas variables
con la constante y mostrar en consola: “Argentina Programa 4.0”.

JS Clase 2: Variables

También podría gustarte