Javascript

Question 1

¿Cuál es la diferencia principal entre las variables declaradas con ‘let’, ‘var’ y ‘const’?

Answer 1

var: Ámbito de función (obsoleto, evitar).

let: Ámbito de bloque { } (el estándar moderno).

const: Como let, pero no permite reasignar el valor.

Question 2

Si quieres crear un nuevo array que contenga solo los elementos de un array original que cumplan una condición específica, ¿qué método utilizarías?

Answer 2

Filter

Crea un nuevo array con los elementos que cumplen una condición.

Question 3

En el contexto de eventos del DOM, ¿qué hace el método ‘preventDefault()’?

Answer 3

Cancela la acción por defecto del navegador (ej: no enviar un form). Siempre y cuando esta sea cancelable.

Question 4

¿Qué significa que el evento ‘burbujea’ (bubbling) en JavaScript?

Answer 4

El evento sube desde el elemento hasta el window (comportamiento por defecto).

Question 5

¿Cuál es la función del mecanismo de ‘Prototype’ en JavaScript?

Answer 5

El mecanismo por el cual los objetos heredan propiedades y métodos de otros objetos.

Question 6

¿Qué devuelve el operador de comparación estricta ‘===’ si comparamos el número 5 con el string ‘5’?

Answer 6

false

Si fuese solo ‘==’ sería true

Question 7

¿Cuál es la utilidad principal de las Promises en JavaScript?

Answer 7

Objetos que representan un valor que estará disponible “ahora, en el futuro o nunca”.

.then(): Qué hacer si sale bien.

.catch(): Qué hacer si hay un error.

Question 8

En el uso de expresiones regulares (RegExp), ¿qué devuelve el método ‘test()’?

Answer 8

True si coincide y False si no coincide

Question 9

¿Qué herramientas se encargan de traducir código JS moderno a una versión compatible con navegadores antiguos? Pon algún ejemplo

Answer 9

Transpilers

Babel, TypeScript, SWC…

Question 10

Acrónimo de MEAN y qué es

Answer 10

M → MongoDB (base de datos NoSQL)
E → Express (framework backend para Node.js)
A → Angular (framework frontend)
N → Node.js (entorno de ejecución en servidor)

Es un stack muy usado para aplicaciones web full-stack usando solo JavaScript en todo el proyecto.

Question 11

Si tienes un array y quieres extraer una copia de una parte del mismo sin modificar el original, ¿qué método de Array es el adecuado?

Answer 11

Slice

Question 12

¿Cuál es la característica principal de las ‘Arrow Functions’ respecto al manejo del contexto ‘this’?

Answer 12

Heredan el contexto ‘this’ del ámbito léxico en el que fueron creadas.

Question 13

¿Qué ocurre cuando se pierde el foco de un elemento de formulario (input) en el DOM?

Answer 13

Se dispara el evento blur

Question 14

¿A qué se refiere el término ‘clausura’ (closure) en JavaScript?

Answer 14

A la capacidad de una función de acceder a variables de su ámbito externo incluso después de que este haya finalizado.

Question 15

En el desarrollo moderno, ¿cuál es la función principal de un Package Bundler como Webpack o Parcel?

Answer 15

Combinar múltiples archivos y dependencias en un solo archivo optimizado para el navegador.

Ayuda a reducir el número de peticiones HTTP y a organizar el código en módulos.

Question 16

¿Qué diferencia fundamental hay entre ‘npm’ y ‘yarn’?

Answer 16

Son herramientas distintas que cumplen el mismo propósito: gestionar dependencias y scripts.

Aunque tienen comandos diferentes, ambos interactúan con el registro de paquetes de npm.

Question 17

Si una variable se evalúa como ‘NaN’ en tu código, ¿qué significa?

Answer 17

El resultado de la operación es un valor no válido (Not a Number)

Question 18

¿Cuál es la función de un Template Engine como Mustache o Handlebars?

Answer 18

Facilitar la inserción de datos dinámicos en estructuras de HTML predefinidas.

Question 19

¿Qué método se utiliza para transformar un objeto de JavaScript en una cadena de texto en formato JSON?

Answer 19

JSON.Stringify()

Question 20

En el contexto de funciones como ‘ciudadanos de primera clase’, ¿qué significa que una función pueda ser un ‘parámetro’?

Answer 20

Que una función puede ser enviada como argumento a otra función (callback).

Question 21

¿Qué par de eventos controlan entrada y salida del puntero sobre un elemento?

Answer 21

onmouseover: Se dispara cuando el puntero del mouse entra en un elemento HTML.

onmouseout: Se activa cuando el puntero abandona el elemento seleccionado.

Question 22

Evento JS para cuando se pulsa una tecla pero aún no se ha soltado

Answer 22

El evento onkeydown (o keydown actualmente) en JavaScript se activa cuando el usuario presiona una tecla, ocurriendo antes de que se libere y antes de que el carácter aparezca en el campo de entrada, lo que lo hace ideal para interceptar pulsaciones e implementar comportamientos personalizados