Preguntas y respuestas de entrevistas sobre JavaScript para 2023

JavaScript es un lenguaje de programación interpretado y orientado a objetos. Permite crear interactividad en páginas HTML estáticas. Netscape, Internet Explorer y otros navegadores web incluyen el núcleo de propósito general del lenguaje.

Estas son las ventajas de JavaScript:

• Mejora interactiva: JavaScript interactúa con las páginas web estáticas y hace que respondan a las entradas de los usuarios.

• Respuesta rápida: No hay ninguna razón para que una página de Internet vuelva a cargarse cuando se utiliza JavaScript. Por ejemplo, la validación de entradas de formularios.

• Interfaz de usuario enriquecida: JavaScript ayuda a mejorar el aspecto de la interfaz de usuario de las aplicaciones basadas en web.

• Frameworks de trabajo: JavaScript dispone de vastas bibliotecas y frameworks que pueden utilizarse ampliamente para desarrollar juegos y aplicaciones basadas en web.

Estas son algunas de las características de JavaScript:

• Compatible con varias plataformas
• Código abierto
• Orientado a objetos
• Integración con diversas tecnologías front-end y back-end

Los generadores en ES6 se pueden utilizar en dos escenarios principales:

Cuando uno quiere salir de una función, puede hacerlo usando generadores, y el código externo determina cuándo volver a la función.

Con la ayuda de generadores, uno puede controlar una llamada asíncrona fuera del código. Lo más importante, sin embargo, es que el siguiente valor puede entrar sólo cuando sea necesario; no es necesario que todos los valores vuelvan a la vez.

Las promesas ayudan a gestionar operaciones asíncronas, como las peticiones al servidor en JavaScript. Anteriormente, se utilizaban callbacks para el mismo propósito. Sin embargo, los callbacks tienen una funcionalidad limitada y, por lo tanto, pueden hacer que el código sea inmanejable. Existen cuatro estados del objeto promise:

Pendiente: Este es el primer estado de la promesa y muestra que la promesa no ha sido ni cumplida ni rechazada.

Cumplida: Este estado representa la finalización de la operación asíncrona. En otras palabras, la promesa se ha cumplido.

Rechazada: Este estado representa el fracaso de la operación asíncrona por algún motivo. En otras palabras, la promesa ha sido rechazada.

Settled: Este es el último estado de la promesa, mostrando que la promesa ha sido cumplida o rechazada.

Un constructor de promesas utiliza una llamada de retorno con dos parámetros - resolve y reject - para crear una promesa. La función resolve se ejecuta cuando la operación asíncrona se ha realizado correctamente. La función reject se ejecuta cuando la operación asíncrona falla.

Existen tres tipos de datos principales en JavaScript.

Primitivos

• Números
• Cadenas
• Booleanos
• Compuesto

Objetos

• Funciones
• Matrices
• Trivial

Nulo

• Indefinido

Las funciones flecha se usan en todas partes porque

• Seguridad de alcance: Cuando la función de flecha se utiliza en todas partes, trae consistencia de alcance porque el mismo thisObject se utiliza en todas partes. Si por casualidad, una función estándar se utiliza junto con la función flecha, hay posibilidades de que el ámbito se mezcle.
• Compactibilidad: Comparada con la función estándar, la función flecha es compacta ya que no necesita palabras clave, llaves, paréntesis, etc. en ciertos casos. Por lo tanto, es más fácil de leer y escribir.
• Claridad: Cuando la función flecha se utiliza en todas partes, existe una cierta coherencia de alcance. Así, cada vez que una función estándar se mezcla con ella, se distingue claramente. Así, el desarrollador puede buscar la función inmediatamente superior para localizar el thisObject.

JavaScript es un lenguaje de tipado dinámico.

La versión ES6 de Javascript introdujo las funciones Arrow. Con las funciones Arrow, podemos declarar funciones utilizando una sintaxis nueva y más corta. Estas funciones sólo pueden utilizarse como expresiones de función. La declaración de estas funciones se realiza sin utilizar la palabra clave function. Además, si hay una única expresión de retorno, ni siquiera es necesaria la palabra clave return. Además, siempre que el código aparezca en una sola línea, podemos omitir las llaves {}. Si sólo hay un argumento en una función, podemos omitir incluso el paréntesis ().

La principales diferencias entre Java y JavaScript es que Java es un lenguaje de programación de propósito general basado en clases, mientras que JavaScript es un lenguaje de scripting interpretado. Además, Java se utiliza para crear aplicaciones completas que pueden ejecutarse en un único ordenador o distribuirse entre servidores y clientes en una red. JavaScript se utiliza para crear páginas web interactivas que pueden responder a las acciones del usuario.

El 4 y el 2, en este caso, se comportan como números enteros, y el "8" se comporta como una cadena. Por lo tanto 4 + 2 es igual a 6. El resultado es 6+"8" = 68.

Las palabras clave comúnmente utilizadas para manejar excepciones son: try, catch, finally, throw y throws.

Llamando al método window.print() en el navegador, podemos imprimir el contenido de la ventana actual en JavaScript.

Usando document.form[0].submit(), puedes enviar un formulario usando JavaScript.

bucle while: Una sentencia de flujo de control de bucle while que permite que el código se ejecute repetidamente en respuesta a una condición booleana. El bucle while se considera una sentencia if repetida.

bucle for: Un bucle for ofrece una estructura fácil de escribir. A diferencia del bucle while, la sentencia for combina un proceso de inicialización, una condición y un incremento/decremento en una sola línea, ofreciendo así una estructura de bucle más simple y fácil de entender.

do while: Un bucle do-while puede ser como un bucle while, pero con la excepción de que examina la condición después de ejecutar las sentencias, por lo que es una instancia del Bucle de Control de Salida.

El proceso de lectura de una cookie con JavaScript también es muy sencillo. Podemos utilizar la cadena document.cookie para almacenar las cookies que acabamos de crear con la cadena.

La cadena document.cookie almacena una lista de pares nombre-valor separados por punto y coma. El "name" es el nombre dado a la cookie, y el "value" es su valor. También se puede emplear el método split() para dividir el valor de la cookie en valores y claves.

Si desea borrar una cookie, de modo que los futuros intentos de leerla en JavaScript no devuelvan nada, debe cambiar la fecha de caducidad a una fecha en el pasado. Definir la ruta de la cookie es importante para asegurarse de que borra la cookie correcta. Algunos navegadores no le permitirán borrar una cookie si no se especifica la ruta.

Para crear cookies utilizando JavaScript, debe asignar un valor de cadena al objeto document.cookie.

Atributos- Proporciona más detalles sobre un elemento como id, tipo, valor, etc.

Propiedad- El valor asignado a la propiedad como type="text" value='Nombre'.

Estos son los métodos mediante los cuales un elemento HTML puede ser utilizado en código JavaScript:

getElementById('idname'): Obtiene un elemento por su nombre ID

getElementsByClass('nombreclase'): Obtiene todos los elementos que tienen el nombre de clase dado.

getElementsByTagName('tagname'): Obtiene todos los elementos con el nombre de etiqueta dado.

querySelector(): Devuelve el primer elemento seleccionado utilizando un selector de estilo CSS.

El primer paso para depurar un programa JavaScript es identificar el error. Esto se puede hacer utilizando la consola de JavaScript en las herramientas de desarrollo del navegador. La consola mostrará cualquier error que se produzca durante la ejecución del script, como errores de sintaxis, errores de tipo y errores de referencia. Una vez identificado el error, se puede examinar el código línea por línea para encontrar el origen del problema y solucionarlo.

Para crear una función de JavaScript que tome dos números y los sume, puedes usar el siguiente fragmento de código:

Podemos extraer un carácter de un índice determinado utilizando la función charAt().

Un bucle for en JavaScript toma 3 parámetros (inicialización, condición e incremento/decremento) y contiene un bloque de código que se ejecuta hasta que se cumple la condición. Por ejemplo:

El Patrón de diseño de prototipos se describe como un patrón de propiedades o patrón de prototipos que se puede utilizar para crear diferentes objetos y prototipos que se copian utilizando una plantilla con valores específicos.

La idea clave detrás del Patrón Prototipo es utilizar un objeto existente como plantilla y crear nuevas instancias copiando sus propiedades. Este enfoque puede ser más eficiente que crear nuevas instancias desde cero, especialmente si el objeto tiene un proceso de inicialización complejo. Al copiar un objeto existente, podemos evitar la necesidad de repetir el proceso de inicialización para cada nuevo objeto que creemos.

Es una zona de bloque en la que no se puede acceder a una variable hasta que el ordenador la haya inicializado completamente con un valor. En caso de que se intente acceder a ella antes de la inicialización completa, JavaScript lanza "ReferenceError". Se define usando las palabras clave const y let.

Los métodos .map() y .forEach() se utilizan para iterar sobre un array, pero el método .map() se puede utilizar para transformar un array devolviendo un nuevo array con el mismo número de elementos pero con valores diferentes. El método .forEach() se utiliza para realizar una acción sobre cada elemento de la matriz sin devolver una nueva matriz. Por ejemplo:

Para crear un método que devuelva la suma de todos los elementos de un array, puedes utilizar el método Array.prototype.reduce(). Por ejemplo:

El estilo/clase de un elemento se puede cambiar de dos maneras.

document.getElementById("miTexto").style.fontSize = "14px;

document.getElementById("miTexto").className = "cualquierclase";

Hay dos formas de eliminar duplicados de un conjunto JavaScript:

A través del método filter: El método filter() puede utilizar tres argumentos: array, elemento actual e índice del elemento actual.

Utilizando el bucle For: El bucle For consiste en iterar a través del array original y comprobar si cada elemento ya ha sido añadido a un nuevo array. Si no lo ha sido, el elemento se añade; si lo ha sido, se omite.