¿Qué es JavaScript y para qué se utiliza?

JavaScript es un lenguaje de programación interpretado y dinámico que se utiliza principalmente para el desarrollo web. Permite agregar interactividad a las páginas web, como respuestas a eventos de usuario (clics, desplazamientos, entradas de teclado, etc.), actualización de contenido en tiempo real, y creación de aplicaciones web complejas. Es una parte esencial del stack de tecnologías web junto con HTML y CSS.

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

• var: Es la forma más antigua de declarar variables en JavaScript. Tiene un ámbito de función, lo que significa que la variable está disponible dentro de la función en la que se declara. var también permite la redeclaración de la misma variable dentro del mismo ámbito.
• let: Introducido en ES6, let permite declarar variables con un ámbito de bloque, lo que significa que la variable solo está disponible dentro del bloque (como un bucle o una condición) donde se declara. No permite la redeclaración en el mismo ámbito.
• const: También introducido en ES6, const se utiliza para declarar constantes, es decir, valores que no cambiarán. Tiene un ámbito de bloque similar a let, pero a diferencia de let y var, no permite reasignar el valor de la variable una vez que ha sido declarada.

¿Qué son las funciones de flecha (arrow functions) y en qué se diferencian de las funciones tradicionales?

Las funciones de flecha, introducidas en ES6, son una sintaxis más concisa para escribir funciones. Se diferencian de las funciones tradicionales en varios aspectos clave:

• Sintaxis más corta:

// Función tradicional
function suma(a, b) {
  return a + b;
}

// Función de flecha
const suma = (a, b) => a + b;

•  No  tienen su propio 'this': El valor de this dentro de una función de flecha es el mismo que el valor de this fuera de la función, lo que puede evitar confusiones y problemas relacionados con el contexto en funciones anidadas.

¿Qué es el 'this' en JavaScript?

'this' es una palabra clave en JavaScript que se refiere al contexto de ejecución actual. Su valor depende de cómo se llama a la función:

• En el contexto global: this se refiere al objeto global (window en navegadores).
• En una función: Si la función es llamada como un método de un objeto, this se refiere a ese objeto. Si se llama de forma simple (sin objeto), en modo estricto será undefined, de lo contrario será el objeto global.
• En un constructor: Cuando se usa con new, this se refiere al nuevo objeto que se está creando.

¿Qué son las promesas y cómo se utilizan?

Las promesas son un mecanismo para manejar operaciones asíncronas en JavaScript, introducido en ES6. Una promesa representa un valor que puede estar disponible ahora, en el futuro, o nunca. Las promesas tienen tres estados:

• Pendiente (pending): Estado inicial, ni cumplida ni rechazada.

• Cumplida (fulfilled): La operación se completó con éxito.

• Rechazada (rejected): La operación falló.

Se utilizan mediante los métodos .then() para manejar una promesa cumplida y .catch() para manejar una promesa rechazada. Aquí un ejemplo básico:

¿Qué es el 'DOM' y cómo se manipula con JavaScript?

El DOM (Document Object Model) es una representación estructurada del documento HTML. Permite a los desarrolladores acceder y manipular el contenido, estructura y estilo de una página web desde JavaScript. Puedes seleccionar elementos, cambiar sus propiedades, agregar o eliminar elementos, y más. Aquí hay algunos ejemplos básicos de manipulación del DOM:

•  Seleccionar un elemento: 

const elemento = document.getElementById("miElemento");

• Cambiar el contenido de un elemento: 

elemento.textContent = "Nuevo contenido";

• Agregar un nuevo elemento: 

const nuevoElemento = document.createElement("div");
nuevoElemento.textContent = "Soy un nuevo div";
document.body.appendChild(nuevoElemento);