70 JavaScript Questions

Question 1

¿Cuál es la diferencia entre undefined y null?

Answer 1

undefined es un tipo de valor automático que se asigna a las variables que no han sido inicializadas. null es un valor asignado que representa la ausencia de valor.

Question 2

¿Qué hace el operador &&?

Answer 2

El operador && es un operador lógico AND que devuelve true si ambos operandos son verdaderos, y false de lo contrario.

Question 3

¿Qué hace el operador ||?

Answer 3

El operador || es un operador lógico OR que devuelve true si al menos uno de los operandos es verdadero, y false si ambos son falsos.

Question 4

¿Usar el + o el operador unario plus es la forma más rápida de convertir una cadena a un número?

Answer 4

El operador unario + es una forma rápida y común de convertir cadenas a números, pero la rapidez puede variar según el motor de JavaScript. Number() es otra opción.

Question 5

¿Qué es el DOM?

Answer 5

El Document Object Model (DOM) es una interfaz de programación que representa y permite interactuar con documentos HTML y XML.

Question 6

¿Qué es la Propagación de Eventos?

Answer 6

Es el modo en el cual los eventos se propagan a través del DOM, iniciando desde el elemento más interno y expandiéndose hacia los elementos padres.

Question 7

¿Qué es la Burbuja de Eventos?

Answer 7

La burbuja de eventos es una fase de la propagación de eventos donde el evento se propaga desde el elemento más específico hasta el DOM.

Question 8

¿Qué es la Captura de Eventos?

Answer 8

La captura de eventos es la fase de propagación de eventos donde el evento va desde el DOM hacia el elemento más específico.

Question 9

¿Cuál es la diferencia entre event.preventDefault() y event.stopPropagation()?

Answer 9

event.preventDefault() evita la acción por defecto del evento, mientras que event.stopPropagation() detiene la propagación del evento en la cadena del DOM.

Question 10

¿Cómo saber si se utilizó el método event.preventDefault() en un elemento?

Answer 10

Puedes comprobar si event.defaultPrevented es true para saber si event.preventDefault() fue llamado en el evento.

Question 11

¿Por qué este código obj.someprop.x lanza un error?

Answer 11

Si obj.someprop es undefined o null, intentar acceder a x arrojará un TypeError porque no puedes acceder a propiedades de undefined o null.

Question 12

¿Qué es event.target?

Answer 12

event.target es la propiedad del evento que retorna el elemento que disparó el evento.

Question 13

¿Qué es event.currentTarget?

Answer 13

event.currentTarget es la propiedad que indica el elemento al cual el event handler ha sido adjuntado.

Question 14

¿Cuál es la diferencia entre == y ===?

Answer 14

== compara la igualdad después de la coerción (conversión de tipos), mientras que === compara la igualdad sin coerción, por tanto, los tipos deben ser iguales.

Question 15

¿Por qué devuelve false al comparar dos objetos similares en JavaScript?

Answer 15

En JavaScript, los objetos se comparan por referencia, no por valor. Dos objetos diferentes nunca son iguales, incluso si tienen las mismas propiedades.

Question 16

¿Qué hace el operador !?

Answer 16

El operador ! es el operador lógico NOT, que invierte el valor de verdad de su operando.

Question 17

¿Cómo evaluar múltiples expresiones en una línea?

Answer 17

Puedes evaluar múltiples expresiones en una línea utilizando el operador coma ,, el cual evalúa cada expresión de izquierda a derecha y devuelve el resultado de la última expresión.

Question 18

¿Qué es Hoisting?

Answer 18

Hoisting es el comportamiento por defecto de JavaScript de mover declaraciones de variables o funciones al inicio de su contexto actual, ya sea el script o la función.

Question 19

¿Qué es el Ámbito (Scope)?

Answer 19

El ámbito es el contexto en el cual los valores y las expresiones son “visibles” o pueden ser referenciados. Si una variable o expresión no está en el ámbito actual, no podrá ser usada.

Question 20

¿Qué son las Clousures?

Answer 20

Una clausura o closure es una función que retiene acceso a su ámbito léxico, incluso cuando se ejecuta fuera de su ámbito original.

Question 21

¿Cuáles son los valores falsos en JavaScript?

Answer 21

Los valores falsos en JavaScript son: false, 0, -0, “” (cadena vacía), null, undefined, NaN.

Question 22

¿Cómo verificar si un valor es falso?

Answer 22

Puedes verificar si un valor es falso utilizando un condicional. Si !valor devuelve true, entonces el valor es falsy.

Question 23

¿Qué hace “use strict”?

Answer 23

“use strict” es una directiva que establece que el código debe ejecutarse en un “modo estricto”, el cual es un subconjunto más estricto de JavaScript, donde ciertos errores son más fácilmente detectados.

Question 24

¿Cuál es el valor de ‘this’ en JavaScript?

Answer 24

El valor de this en JavaScript depende del contexto en el que se utiliza. Puede referirse al objeto global, al objeto que contiene la función llamada, o a un objeto especificado al usar métodos como apply, call o bind.

Question 25

¿Cuál es el prototipo de un objeto?

Answer 25

El prototipo de un objeto es otro objeto del cual el objeto original hereda métodos y propiedades

Question 26

¿Qué es una IIFE y para qué se utiliza?

Answer 26

Una IIFE (Immediately Invoked Function Expression) es una función que se ejecuta inmediatamente después de su definición. Se utiliza para crear un ámbito privado y evitar contaminar el ámbito global.

Question 27

¿Cuál es el uso de Function.prototype.apply?

Answer 27

Function.prototype.apply se utiliza para invocar una función con un dado this valor y argumentos proporcionados como un array (o un objeto parecido a un array).

Question 28

¿Cuál es el uso de Function.prototype.call?

Answer 28

Function.prototype.call es similar a apply, pero en lugar de tomar un array de argumentos, toma argumentos individuales después del primer argumento this.

Question 29

¿Cuál es la diferencia entre Function.prototype.apply y Function.prototype.call?

Answer 29

La diferencia principal entre apply y call es que apply toma un array de argumentos, mientras que call toma argumentos individuales.

Question 30

¿Cuál es el uso de Function.prototype.bind?

Answer 30

Function.prototype.bind crea una nueva función que, cuando es llamada, tiene su this keyword establecido en el valor proporcionado, con una secuencia dada de argumentos precediendo a cualquier otro que sea proporcionado al invocar la función.

Question 31

¿Qué es la Programación Funcional y cuáles son las características de JavaScript que la hacen candidata como lenguaje funcional?

Answer 31

La programación funcional es un paradigma de programación donde las funciones son tratadas como ciudadanos de primera clase. JavaScript es considerado un lenguaje funcional porque soporta funciones de primera clase, clausuras, y tiene funciones de alto orden como map, filter, reduce.

Question 32

¿Cuáles son las Funciones de Alto Orden?

Answer 32

Las funciones de alto orden son funciones que pueden tomar otras funciones como argumentos o que devuelven funciones como sus resultados.

Question 33

¿Por qué se dice que las funciones son Objetos de Primera Clase en JavaScript?

Answer 33

Las funciones son consideradas de primera clase en JavaScript porque pueden ser asignadas a variables, pasadas como argumentos a otras funciones, y retornadas desde otras funciones.

Question 34

Implementa el método Array.prototype.map manualmente.

Answer 34

Array.prototype.customMap = function(callback) {
let arr = [];
for (let i = 0; i < this.length; i++) {
arr.push(callback(this[i], i, this));
}
return arr;
};

Question 35

Implementa el método Array.prototype.filter manualmente.

Answer 35

Array.prototype.customFilter = function(callback) {
let arr = [];
for (let i = 0; i < this.length; i++) {
if (callback(this[i], i, this)) {
arr.push(this[i]);
}
}
return arr;
};

Question 36

Implementa el método Array.prototype.reduce manualmente.

Answer 36

Array.prototype.customReduce = function(callback, initialValue) {
let accumulator = initialValue === undefined ? undefined : initialValue;
for (let i = 0; i < this.length; i++) {
if (accumulator !== undefined) {
accumulator = callback.call(undefined, accumulator, this[i], i, this);
} else {
accumulator = this[i];
}
}
return accumulator;
};

Question 37

¿Qué es el objeto arguments?

Answer 37

El objeto arguments es un objeto parecido a un array accesible dentro de las funciones que contiene los argumentos pasados a la función.

Question 38

¿Cómo crear un objeto sin un prototipo?

Answer 38

Puedes crear un objeto sin un prototipo utilizando Object.create(null).

Question 39

¿Por qué b en este código se convierte en una variable global cuando llamas a esta función?

Answer 39

Sin ver el código exacto, es probable que b se convierta en global si se asigna sin declararla previamente con var, let o const dentro de una función.

Question 40

¿Qué es ECMAScript?

Answer 40

ECMAScript es la especificación de lenguaje estandarizada en la cual se basan lenguajes como JavaScript.

Question 41

¿Cuáles son las nuevas características de ES6 o ECMAScript 2015?

Answer 41

Algunas nuevas características de ES6 incluyen let/const, clases, módulos, arrow functions, template literals, default parameters, destructuring, rest/spread operator, y promises.

Question 42

¿Cuál es la diferencia entre var, let y const?

Answer 42

var tiene un ámbito de función, let y const tienen un ámbito de bloque. let permite reasignar variables, mientras que const es para declarar variables constantes que no pueden ser reasignadas.

Question 43

¿Qué son las funciones flecha?

Answer 43

Las funciones flecha son una sintaxis más corta para las funciones y no tienen su propio this, arguments, super o new.target.

Question 44

¿Qué son las Clases?

Answer 44

Las clases en JavaScript son una sintaxis azucarada para la herencia prototípica, proporcionando una forma más clara y simple de crear objetos y lidiar con la herencia.

Question 45

¿Qué son los Literales de Plantilla?

Answer 45

Los literales de plantilla son cadenas que permiten expresiones incrustadas y pueden utilizar una sintaxis de “interpolación” con backticks (`).

Question 46

¿Qué es la Desestructuración de Objetos?

Answer 46

La desestructuración de objetos es una sintaxis que permite desempacar valores de arrays o propiedades de objetos en variables distintas.

Question 47

¿Qué son los Módulos ES6?

Answer 47

Los módulos ES6 son una característica que permite estructurar y organizar el código JavaScript en módulos reutilizables, importándolos o exportándolos.

Question 48

¿Qué es el objeto Set y cómo funciona?

Answer 48

Un objeto Set es una colección de valores únicos; es decir, un valor solo puede ocurrir una vez en un Set.

Question 49

¿Qué es una función de callback?

Answer 49

Una función de callback es una función que se pasa como argumento a otra función y que se invoca después de que se completa una operación o acción.

Question 50

¿Qué son las Promesas?

Answer 50

Las promesas son objetos que representan la eventual finalización o fracaso de una operación asíncrona, facilitando el manejo de operaciones asíncronas.

Question 51

¿Qué es async/await y cómo funciona?

Answer 51

async/await es una sintaxis que simplifica el trabajo con promesas de manera que puedas escribir código asíncrono que parezca síncrono.

Question 52

¿Cuál es la diferencia entre operador Spread y Resto?

Answer 52

El operador Spread descompone un array en elementos individuales, mientras que el operador Resto combina múltiples elementos en un array.

Question 53

¿Qué son los Parámetros por Defecto?

Answer 53

Los parámetros por defecto son valores que se asignan a los parámetros de la función en caso de que no se pase ningún valor o se pase undefined.

Question 54

¿Qué son los Objetos Envoltorio?

Answer 54

Los objetos envoltorio o wrapper objects en JavaScript son objetos que envuelven tipos de datos primitivos y les permiten comportarse como objetos.

Question 55

¿Cuál es la diferencia entre Coerción Implícita y Explícita?

Answer 55

La coerción implícita ocurre cuando JavaScript convierte automáticamente un tipo de dato a otro, mientras que la coerción explícita es cuando el programador transforma conscientemente un tipo de dato en otro.

Question 56

¿Qué es NaN y cómo verificar si un valor es NaN?

Answer 56

NaN significa “No es un número”. Puedes verificar si un valor es NaN usando la función isNaN()

Question 57

¿Cómo verificar si un valor es un Array?

Answer 57

Puedes usar Array.isArray() para verificar si un valor es un array.

Question 58

¿Cómo verificar si un número es par sin usar el operador % o módulo?

Answer 58

Puedes verificar si un número es par convirtiéndolo en un número binario y comprobando si el último dígito es 0.

Question 59

¿Cómo verificar si una propiedad existe en un objeto?

Answer 59

Puedes usar obj.hasOwnProperty(‘prop’) o ‘prop’ in obj para verificar si una propiedad existe en un objeto.

Question 60

¿Qué es AJAX?

Answer 60

AJAX (Asynchronous JavaScript and XML) es una técnica para crear aplicaciones web interactivas y asincrónicas que pueden enviar y recibir datos del servidor sin recargar la página.

Question 61

¿Cuáles son las formas de hacer objetos en JavaScript?

Answer 61

Puedes crear objetos usando literales de objeto, la función constructora new Object(), usando una función constructora personalizada, o Object.create().

Question 62

¿Cuál es la diferencia entre Object.seal y Object.freeze?

Answer 62

Object.seal permite cambiar las propiedades existentes de un objeto, pero no agregar ni eliminar propiedades. Object.freeze hace que un objeto sea inmutable, no permitiendo cambios en las propiedades.

Question 63

¿Cuál es la diferencia entre el operador in y el método hasOwnProperty en objetos?

Answer 63

in verifica si una propiedad existe en la cadena de prototipos del objeto, mientras que hasOwnProperty verifica si una propiedad existe directamente en el objeto, no en su prototipo.

Question 64

¿Cuáles son las formas de manejar el código asincrónico en JavaScript?

Answer 64

Las formas de manejar el código asincrónico en JavaScript incluyen callbacks, promesas, y async/await.

Question 65

¿Cuál es la diferencia entre una expresión de función y una declaración de función?

Answer 65

Una declaración de función define una función y la hoistea, mientras que una expresión de función resulta en una función que puede ser almacenada en una variable y no es hoisteada.

Question 66

¿De cuántas maneras se puede invocar una función?

Answer 66

Una función se puede invocar como una función normal, como un método de un objeto, como un constructor con new, y con apply o call.

Question 67

¿Qué es la memoización y cuál es su uso?

Answer 67

La memoización es una técnica de optimización que consiste en almacenar los resultados de operaciones costosas y reutilizar esos resultados cuando se repiten las mismas entradas.

Question 68

Implementa una función de ayuda para la memoización.

Answer 68

function memoize(fn) {
const cache = {};
return function(…args) {
const key = JSON.stringify(args);
if (!cache[key]) {
cache[key] = fn.apply(this, args);
}
return cache[key];
};
}

Question 69

¿Por qué typeof null devuelve ‘object’? ¿Cómo verificar si un valor es null?

Answer 69

typeof null devuelve ‘object’ debido a un error en las primeras versiones de JavaScript que nunca se corrigió por razones de compatibilidad. Para verificar si un valor es null, puedes usar una comparación estricta: valor === null.

Question 70

¿Qué hace la palabra clave new?

Answer 70

La palabra clave new se utiliza para crear una instancia de un objeto que tiene una función constructora, asignando this al nuevo objeto y retornando este objeto si la función no devuelve su propio objeto alternativo.