Cuestionario de JavaScript

Alumno: Roldán Lautaro.

Materia: Laboratorio taller - Computación.
Curso: 3 año A.
Profesor: Gabriel Agustín Muñoz.
Colegio: Instituto Tecnológico Salesiano Villada.
Índice Páginas

Diferencia entre lenguaje compilado e interpretado…………………………………………….1

¿Qué es JavaScript y su propósito?......................................................................................1

¿Qué es una variable y tipos de datos?................................................................................2

¿Qué son los objetos?...........................................................................................................4

Ejecución de scripts y eventos…………………………………………………………………….5

Tipos de datos en JavaScript………………………………………………………………………6

Arrays…………………………………………………………………………………………………8

Funciones…………………………………………………………………………………………….9

Operadores aritméticos…………………………………………………………………………….10

Operadores binarios………………………………………………………………………………..11

Ámbito de variables…………………………………………………………………………………12

Operadores lógicos…………………………………………………………………………………13

Expresiones regulares……………………………………………………………………………..14

Estructuras de control………………………………………………………………………………16

Ruptura de bucles…………………………………………………………………………………..18

1
1. Diferencia entre lenguaje compilado e interpretado

Compilador

Un compilador es una herramienta de software que traduce código fuente legible

para humanos a código ejecutable por máquina. El proceso de compilación consta de varias
etapas, entre ellas:

●​ Análisis léxico.
●​ Análisis sintáctico (parsing).
●​ Análisis semántico.
●​ Generación de código.
●​ Mejoramiento.

Ejemplos:

●​ C.
●​ C++.
●​ Java (usa compilación a bytecode, luego interpretado por la JVM).
●​ Go.

Intérprete

Un intérprete es un programa que lee y ejecuta código escrito en un lenguaje de

programación de alto nivel directamente, sin necesidad de un paso intermedio de
compilación. A diferencia de un compilador, que traduce todo el código fuente a código
máquina antes de su ejecución, un intérprete lee y ejecuta el código fuente línea por línea,
traduciendo y ejecutando cada instrucción a medida que la encuentra.

Ejemplos:

●​ JavaScript.
●​ Python.
●​ PHP.
●​ Ruby.

2. ¿Qué es JavaScript y su propósito?

JavaScript:

Es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web
interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas
interactivos, las funciones de JavaScript pueden mejorar la experiencia del usuario de un
sitio web. Como lenguaje de scripting del lado del servidor, se trata de una de las principales
tecnologías de la World Wide Web.

2
3. ¿Qué es una variable y tipos de datos?

Variable:

Una variable es un espacio en la memoria donde se guarda un valor que puede

cambiar durante la ejecución del programa. Sirve para almacenar información, como
números, textos o valores lógicos.

Tipos de variables:

1.​ var → Forma antigua.​

○​ Tiene alcance global o de función.​

○​ Se puede redefinir y reasignar.​

○​ No se recomienda usar actualmente.​

2.​ let → Forma moderna.​

○​ Tiene alcance de bloque (sólo existe dentro de { }).​

○​ Se puede reasignar, pero no redefinir en el mismo bloque.​

3.​ const → Constante.​

○​ Tiene alcance de bloque.​

○​ No se puede cambiar su valor después de asignarlo.​

3
4. ¿Qué son los objetos?

Objetos:

Los objetos en JavaScript son colecciones de datos que almacenan propiedades y métodos,
organizados como pares clave-valor. Se crean usando la sintaxis de objeto literal “{}” o a
través de constructores, y se utilizan para modelar entidades del mundo real con sus
características (propiedades) y acciones (métodos). Un método es simplemente una función
que está asociada a un objeto.

Cómo crear objetos

●​ Objeto literal: Es la forma más común para crear un solo objeto. Se define una
variable y se le asignan llaves “{}” que contienen las propiedades y métodos.

●​ Constructor: Se definen funciones constructoras para crear múltiples objetos

similares. La palabra clave new se usa para crear instancias (objetos) a partir de un
constructor.

●​ Acceso a propiedades: Se utiliza la notación de punto (.) para acceder a una

propiedad.

Ejemplo de un objeto:

4
5. Ejecución de scripts y eventos

Scripts:

Los scripts de JavaScript se ejecutan en una página web cuando el motor del
navegador los procesa e interpreta, ya sea porque están incrustados directamente en la
etiqueta <script> dentro del HTML, o porque se enlaza un archivo externo a través de
<script src="...">. El navegador ejecuta el código en orden secuencial, siguiendo el
orden en que aparecen en el documento, y el proceso puede bloquear el renderizado de la
página a menos que se utilicen atributos como async o defer para la carga y ejecución
asíncrona.

Evento:

Un evento es una acción que ocurre en un sistema y puede ser capturada por un
script para ejecutar código de respuesta. Estos eventos pueden ser generados por el
usuario (como hacer clic con el ratón o presionar una tecla), por el sistema operativo, o por
el propio código. Para activar la ejecución de un script, se asocia el script con un evento
específico mediante un "manejador de eventos", de modo que cada vez que el evento
ocurra, se ejecutará el código del script.

¿Cómo se usan para activar scripts?

●​ Asegurar que el script está disponible: El script que debe responder al evento
debe estar escrito y listo para ser ejecutado.

●​ Crear un manejador de eventos: Se utiliza una función específica, llamada

manejador de eventos, para "escuchar" un evento particular.

●​ Asociar el evento con el script: El manejador se enlaza a un elemento o

componente del sistema, y se configura para que ejecute el script cuando el evento
suceda.

●​ El sistema reacciona: Cuando el evento ocurre (por ejemplo, se hace clic en un

botón), el sistema reconoce que hay un manejador de eventos asociado y ejecuta el
script que está vinculado a él.

5
6. Tipos de datos en JavaScript

Tipos de datos que maneja JavaScript:

number: Representa números, tanto enteros como de punto flotante.

Ejemplo:

bigint: Se utiliza para representar números enteros de longitud arbitraria, que no caben en
el tipo number.

Ejemplo:

string: Representa secuencias de texto o caracteres.

Ejemplo:

boolean: Solo puede tener dos valores: true (verdadero) o false (falso).

Ejemplo:

null: Representa la ausencia intencional de cualquier valor de objeto.

Ejemplo:

6
undefined: Representa un valor que no ha sido asignado.

Ejemplo:

symbol: Se utiliza para crear identificadores únicos para propiedades de objetos.

Ejemplo:

Object: Tipo de dato no primitivo que puede almacenar varios valores mediante pares
clave–valor.

Ejemplo:

Array: También es un tipo de objeto, pero diseñado para guardar listas de datos.

Ejemplo:

7
7. Los Arrays

Arrays:

Los arrays en JavaScript son listas ordenadas de elementos que pueden contener
distintos tipos de datos en una sola variable. Se crean usando corchetes [] y se manipulan
a través de sus índices, que comienzan en 0. Métodos como .push() o .splice()
permiten añadir o eliminar elementos, mientras que map() y forEach() se utilizan para
recorrerlos y transformarlos.

●​ Un array unidimensional es una lista simple de valores, todos en una sola

dimensión.

Ejemplo:

●​ Un array bidimensional es un array dentro de otro array, similar a una tabla (filas
y columnas).

Ejemplo:

8
8. Funciones
Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una
función en JavaScript es similar a un procedimiento, un conjunto de instrucciones que
realiza una tarea o calcula un valor, pero para que un procedimiento califique como función,
debe tomar alguna entrada y devolver una salida donde hay alguna relación obvia entre la
entrada y la salida. Para usar una función, debes definirla en algún lugar del ámbito desde
el que deseas llamarla.

Para qué se utiliza

Se utilizan para agrupar y reutilizar bloques de código que realizan una tarea específica.

Definir funciones

Una definición de función (también denominada declaración de función o expresión de

función) consta de la palabra clave function, seguida de:

El nombre de la función.
Una lista de parámetros de la función, entre paréntesis y separados por comas.
Las declaraciones de JavaScript que definen la función, encerradas entre llaves, { ... }.

Ejemplo: En este caso, la consola mostrará:

9
9. Operadores aritméticos

10
10. Operadores binarios
Los operadores binarios en JavaScript son aquellos que necesitan dos operadores para
realizar una operación, y se colocan entre ellos. Incluyen:

11
11. Ámbito de variables

Ámbito:

Un ámbito es el área de código donde se puede acceder a una variable específica. Por otro
lado.

Ámbito local

El ámbito local, también conocido como ámbito de función, se refiere a las variables y
funciones que se declaran dentro de una función o bloque de código. Estas variables y
funciones solo son accesibles dentro de esa función o bloque de código.

Ejemplo:

Ámbito global

El ámbito global en JavaScript se refiere al contexto más amplio del código donde una
variable o función es accesible desde cualquier parte del programa. Las variables
declaradas fuera de cualquier función o bloque tienen ámbito global y permanecen
disponibles durante toda la ejecución del script, pero su uso excesivo puede generar
conflictos de nombres y hacer que el código sea menos modular, por lo que se debe usar
con cuidado.

Ejemplo:

12
12. Los operadores lógicos
Operadores lógicos

Los operadores lógicos en JavaScript se utilizan para combinar o evaluar expresiones

booleanas (es decir, expresiones que pueden ser true o false).
Sirven para tomar decisiones en el código, normalmente dentro de condiciones (if, while,
etc.).

AND (&&)

Devuelve true sólo si ambas condiciones son verdaderas.

OR (||)

Devuelve true si al menos una de las condiciones es verdadera.

13
NOT (!)

Invierte el valor lógico: true pasa a false y viceversa.

13. Expresiones regulares

Las expresiones regulares (o RegEx) en JavaScript son patrones que permiten buscar,
verificar o manipular texto de forma eficiente. Sirven para encontrar coincidencias,
reemplazar texto o validar formatos como emails, teléfonos, códigos, etc.

Cómo se crean
En JavaScript hay dos formas de definir una expresión regular:

1.​ Usando barras diagonales /.../

2.​Usando el constructor RegExp()

Se pueden añadir modificadores:

●​ i → insensible a mayúsculas/minúsculas.​

●​ g → buscar todas las coincidencias (global).​

●​ m → multi-línea.

Ejemplo:

14
Métodos comunes para usar regex en cadenas
JavaScript ofrece varios métodos para trabajar con regex:

1.​ test()

Verifica si la cadena coincide con el patrón. Devuelve true o false.

2.​ match()

Devuelve un array con las coincidencias encontradas en la cadena.

3.​ replace()

Reemplaza el patrón encontrado por otra cadena.

4.​ split()

Divide una cadena usando un patrón regex como separador.

15
Ejemplo práctico: validar un email

●​ ^ → inicio de la cadena.
●​ [\w.-]+ → uno o más caracteres alfanuméricos, punto o guión.
●​ @ → arroba.
●​ [\w.-]+ → dominio.
●​ \. → punto literal.
●​ [a-zA-Z]{2,6} → extensión de 2 a 6 letras.
●​ $ → fin de la cadena.

14. Estructuras de control

for

Un bucle for se repite como mención hasta que la condición que se está evaluando se
cumpla.

16
while
‌
Ejecuta una sentencia mientras la condición que se esté evaluando sea verdadera.

Switch
‌
Permite evaluar una expresión e intenta igualar el valor de esa expresión a una etiqueta
llamada case, que es el caso a evaluar. En el caso de que la condición se cumpla o lo que
tiene el case, se ejecuta la sentencia que esté en ese caso.

En el switch se usa una sentencia llamada “break”, esta nos permite salir de la condición
que se está evaluando.

If

La sentencia if...else ejecuta una sentencia, si una condición especificada es evaluada como
verdadera. Si la condición es evaluada como falsa, otra sentencia en la cláusula opcional else
será ejecutada.

17
15. Ruptura de bucles

En JavaScript, cuando trabajamos con bucles (for, while, do...while), a veces

necesitamos interrumpir la ejecución del bucle o saltar una iteración. Para eso usamos las
sentencias break y continue.

break

La sentencia break termina completamente la ejecución del bucle.​

Se utiliza cuando, por ejemplo, encontramos el valor que buscamos y ya no necesitamos
seguir iterando.

Ejemplo: buscar un número en un array.

continue

La sentencia continue salta la iteración actual y continúa con la siguiente.​

Se usa cuando quieres omitir ciertos casos pero seguir con el resto del bucle.

Ejemplo: imprimir sólo números impares.

18
Bibliografía
Ante alguna duda, consulte o busque en las siguientes páginas:

1.​ Developers: [Link]

2.​ W3Schools: [Link]

3.​ Medium: [Link]

4.​ Almabetter: [Link]

5.​ [Link]: [Link]

6.​ ChatGPT: [Link]

19