Preguntas de entrevista sobre JavaScript de nivel básico

1. Historia y definición de variables

1.1. ¿Qué es JavaScript?

Respuesta: JavaScript es un lenguaje de programación interpretado de alto nivel que se utiliza comúnmente en el desarrollo web para agregar interactividad y comportamiento dinámico a los sitios web.

1.2. ¿Quién creo/desarrolló JavaScript?

Respuesta: JavaScript fue creado por Brendan Eich mientras trabajaba en Netscape Communications Corporation. Desarrolló el lenguaje en sólo diez días en mayo de 1995. JavaScript se llamaba originalmente "Mocha", pero luego pasó a llamarse "LiveScript" y finalmente "JavaScript" como parte de una colaboración de marketing con Sun Microsystems (ahora Oracle Corporation), que tenía un lenguaje de programación llamado Java que estaba ganando popularidad en ese momento. A pesar de la similitud de nombres, JavaScript y Java son lenguajes de programación completamente diferentes con propósitos y características distintos.

1.3. ¿Cómo declara una variable en JavaScript?

Respuesta: Puede declarar una variable usando var, let, o const:

var (ámbito de función)
let (alcance de bloque)
const (con alcance de bloque, para constantes)

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

Respuesta:

var tiene ámbito de función, mientra que let y const tienen alcance de bloque.
let permite la reasignación de la variable, mientras que const se usa para constantes.
Las variables declaradas con var se elevan (hoisted, en inglés), mientras que let y const no se elevan.

1.5. ¿Es JavaScript un lenguaje de tipado dinámico o de tipado estático?

Respuesta: JavaScript es un lenguaje de tipado dinámico. En un lenguaje de tipado dinámico, el tipo de una variable se verifica durante el tiempo de ejecución, a diferencia de un lenguaje de tipado estático, donde el tipo de una variable se verifica durante el tiempo de compilación.

Dado que JavaScript es un lenguaje de tipo debilmente acoplado (dinámico), las variables en JS no están asociadas con ningún tipo. Una variable puede contener el valor de cualquier tipo de datos.

Por ejemplo, una variable a la que se le asigna un tipo de número se puede convertir a un tipo de cadena:

var a = 23;
var a = "¡Hola mundo!";

1.6. ¿Cuáles son los tipos de errores en JavaScript?

Respuesta: Hay dos tipos de errores en JavaScript.

Error de sintaxis: Los errores de sintaxis son errores o problemas ortográficos en el código que hacen que el programa no se ejecute en absoluto o deje de ejecutarse a la mitad. Por lo general, también se proporcionan mensajes de error.
Error lógico: Los errores de razonamiento ocurren cuando la sintaxis es correcta pero la lógica o el programa son incorrectos. La aplicación se ejecuta sin problemas en este caso. Sin embargo, los resultados son inexactos. A veces, estos son más difíciles de corregir que los problemas de sintaxis, ya que estas aplicaciones no muestran señales de error para fallas lógicas.

1.7. Mencione algunas ventajas de JavaScript

Respuesta: Hay muchas ventajas de JavaScript. Algunos de ellos son:

Javascript se ejecuta tanto en el lado del cliente como en el del servidor. Existe una variedad de marcos frontend que puede estudiar y utilizar. Sin embargo, si desea utilizar JavaScript en el backend, deberá aprender NodeJS. Actualmente es el único marco de JavaScript que se puede utilizar en el backend.
Javascript es un lenguaje sencillo de aprender.
Las páginas web ahora tienen más funciones gracias a Javascript.
Para el usuario final, Javascript es bastante rápido.

2. Funciones

2.1. ¿Cómo crea una función en JavaScript?

Respuesta:

Puede crear una función usando la palabra clave function o funciones de flecha (=>):

Ejemplo:

function miFuncion() {
  // Cuerpo de la función
}

const miFuncionDeFlecha = () => {
  // Cuerpo de la función
};

2.2. ¿Qué son las retrollamadas?

Respuesta: Una retrollamada es una función que se ejecutará después de que se ejecute otra función. En JavaScript, las funciones se tratan como ciudadanos de primera clase, pueden usarse como argumento de otra función, pueden ser devueltas por otra función y pueden usarse como propiedad de un objeto.

Las funciones que se utilizan como argumento para otra función se denominan funciones de retrollamada. Ejemplo:

function dividirPorLaMitad(sum) {
  console.log(Math.floor(sum / 2));
}

function multiplicarPor2(sum) {
  console.log(sum * 2);
}

function operacionEnSuma(num1, num2, operacion) {
  var sum = num1 + num2;
  operacion(sum);
}

operacionEnSuma(3, 3, dividirPorLaMitad); // Muestra 3

operacionEnSuma(5, 5, multiplicarPor2); // Muestra 20

En el código anterior, estamos realizando operaciones matemáticas con la suma de dos números. La función operacionEnSuma toma 3 argumentos, el primer número, el segundo número y la operación que se realizará en su suma (retrollamada).
Ambas funciones dividirPorLaMitad y multiplicarPor2 se utilizan como funciones de retrollamada en el código anterior.
Estas funciones de retrollamada se ejecutarán solo después de que se ejecute la función operacionEnSuma.
Por lo tanto, una retrollamada es una función que se ejecutará después de que se ejecute otra función.

2.3. Explique el alcance y la cadena de alcance en JavaScript

Respuesta: El alcance en JS determina la accesibilidad de variables y funciones en varias partes del código.

En términos generales, el alcance nos permitirá saber en una parte determinada del código cuáles son las variables y funciones a las que podemos o no acceder.

Hay tres tipos de ámbitos en JS:

Alcance global
Alcance Local o de Función
Alcance del bloque

Alcance global: Las variables o funciones declaradas en el espacio de nombres global tienen alcance global, lo que significa que se puede acceder a todas las variables y funciones que tienen alcance global desde cualquier lugar dentro del código.

var variableGlobal = "Hola mundo";

function enviaMensaje() {
  return variableGlobal; // puede acceder a variableGlobal ya que está escrita en el espacio global
}
function enviaMensaje2() {
  return enviaMensaje(); // Puede acceder a la función enviaMensaje ya que está escrita en el espacio global
}
enviaMensaje2(); // Devuelve “Hola mundo

Alcance de función: Cualquier variable o función declarada dentro de una función tiene un alcance local/de función, lo que significa que se puede acceder a todas las variables y funciones declaradas dentro de una función desde dentro de la función y no desde fuera de ella.

function funcionImpresionante() {
  var a = 2;

  var multiplicaPor2 = function () {
    console.log(a * 2); // Puede acceder a la variable "a" ya que a y multiplicaPor2 están escritos dentro de la misma función
  };
}
console.log(a); // Genera un error de referencia ya que a está escrito en el ámbito local y no se puede acceder a él desde fuera

multiplicaPor2(); // Lanza un error de referencia ya que multiplicarBy2 está escrito en el ámbito local

Alcance de bloque: El alcance de bloque está relacionado con las variables declaradas usando let y const. Las variables declaradas con var no tienen alcance de bloque. El alcance del bloque nos dice que cualquier variable declarada dentro de un bloque { }, solo se puede acceder a ella dentro de ese bloque y no se puede acceder fuera de él.

{
  let x = 45;
}

console.log(x); // Da un error de referencia ya que no se puede acceder a x fuera del bloque

for (let i = 0; i < 2; i++) {
  // hace algo
}

console.log(i); // Da un error de referencia ya que no se puede acceder a i fuera del bloque de bucle for

Cadena de alcance: el motor JavaScript también usa el alcance para buscar variables. Entendamos eso usando un ejemplo:

var y = 24;

function favFunction() {
  var x = 667;
  var anotherFavFunction = function () {
    console.log(x); // No encuentra x dentro de anotherFavFunction(), por lo que busca la variable dentro de favFunction() y genera 667
  };

  var yetAnotherFavFunction = function () {
    console.log(y); // Todavía no encuentra y dentro de AnotherFavFunction(), por lo que busca la variable dentro de favFunction() y no la encuentra, por lo que busca la variable en el alcance global, la encuentra y genera 24
  };

  anotherFavFunction();
  yetAnotherFavFunction();
}
favFunction();

Como puede ver en el código anterior, si el motor JavaScript no encuentra la variable en el ámbito local, intenta buscar la variable en el ámbito externo. Si la variable no existe en el ámbito externo, intenta encontrar la variable en el ámbito global.

Si la variable tampoco se encuentra en el espacio global, se genera un error de referencia.

2.4. Explique las funciones de orden superior en JavaScript

Respuesta:

Las funciones que operan sobre otras funciones, ya sea tomándolas como argumentos o devolviéndolas, se denominan funciones de orden superior.

Las funciones de orden superior son el resultado de que las funciones sean ciudadanos de primera clase en JavaScript.

Ejemplos de funciones de orden superior:

function ordenSuperior(fn) {
  fn();
}

ordenSuperior(function () {
  console.log("Hola mundo");
});
function ordenSuperior2() {
  return function () {
    return "Haz algo";
  };
}
var x = ordenSuperior2();
x(); // Devuelve "Haz algo"

2.5. ¿Qué quiere decir con funciones de autoinvocación en JavaScript?

Respuesta:

Sin ser solicitada, se invoca (inicia) automáticamente una expresión de autoinvocación. Si una expresión de función va seguida de (), se ejecutará automáticamente. Una declaración de función no puede invocarse por sí sola.

Normalmente, declaramos una función y la llamamos; sin embargo, se pueden usar funciones anónimas para ejecutar una función automáticamente cuando se describe y no se volverá a llamar. Y no existe un nombre para este tipo de funciones.

2.6. ¿Cuál es la diferencia entre los métodos exec() y test() en JavaScript?

Respuesta:

->test() y exec() son métodos de expresión RegExp utilizados en JavaScript. ->Usaremos exec() para buscar una cadena para un patrón específico, y si lo encuentra, devolverá el patrón directamente; de lo contrario, devolverá un resultado 'empty'. ->Usaremos una prueba() para encontrar una cadena para un patrón específico. Devolverá el valor booleano 'true' al encontrar el texto dado; de lo contrario, devolverá 'false'

3. Tipos de datos y operadores

3.1. ¿Cuáles son los diferentes tipos de datos presentes en JavaScript?

Respuesta:

Tipos primitivos
- String - Representa una serie de caracteres y está escrito entre comillas. Una cadena se puede representar mediante comillas simples o dobles.
  
  Ejemplo :
```
var str = "Vivek Singh Bisht"; //usando comillas dobles
var str2 = "John Doe"; //usando comillas simples
```
- Number - Representa un número y se puede escribir con o sin decimales.
  
  Ejemplo :
```
var x = 3; //sin decimal
var y = 3.6; //con decimal (Nota del traductor: Al contrario que en español, en inglés el separador de decimal es el carácter punto (.))
```
- BigInt - Este tipo de datos se utiliza para almacenar números que están por encima de la limitación del tipo de datos Number. Puede almacenar números enteros grandes y se representa agregando "n" a un literal entero.
  
  Ejemplo :
```
var bigInteger = 234567890123456789012345678901234567890n;
```
- Boolean - Representa una entidad lógica y sólo puede tener dos valores: true (verdadero) o false (falso). Los booleanos se utilizan generalmente para pruebas condicionales.
  
  Ejemplo :
```
var a = 2;
var b = 3;
var c = 2;
(a == b)(
  // devuelve false (falso)
  a == c
); //devuelve true (verdadero)
```
- Undefined - Cuando una variable se declara pero no se asigna, tiene el valor indefinido y su tipo también es indefinido.
  
  Ejemplo :
```
var x; // El valor de x es undefined (no está definido)
var y = undefined; // También podemos establecer el valor de una variable como undefined.
```
- Null - Representa un valor inexistente o no válido.
  
  Ejemplo :
```
var z = null;
```
- Symbol - Es un nuevo tipo de datos introducido en la versión ES6 de JavaScript. Se utiliza para almacenar un valor anónimo y único.
  
  Ejemplo:
```
var symbol1 = Symbol('symbol');
// typeof de los tipos primitivos :
typeof "John Doe" // Devuelve "string"
typeof 3.14 // Devuelve "number"
typeof true // Devuelve "boolean"
typeof 234567890123456789012345678901234567890n // Devuelve bigint
typeof undefined // Devuelve "undefined"
typeof null // Devuelve "object" (una especie de error en JavaScript)
typeof Symbol('symbol') // Devuelve Symbol
```
  Los tipos de datos primitivos solo pueden almacenar un único valor. Para almacenar valores múltiples y complejos, se utilizan tipos de datos no primitivos.

Tipos no primitivos

Object - Se utiliza para almacenar colecciones de datos.

Ejemplo:

// Colección de datos en pares clave-valor
var obj1 = {
  x: 43,
  y: "¡Hola mundo!",
  z: function () {
    return this.x;
  },
};

Array

Ejemplo:

// Colección de datos como una lista ordenada.

var array1 = [5, "Hola", true, 4.1];

Nota: Es importante recordar que cualquier tipo de datos que no sea un tipo de datos primitivo es de tipo Object en JavaScript.

3.2 Diferencia entre los operadores `==` y `===`

Respuesta: Ambos son operadores de comparación. La diferencia entre ambos operadores es que == se usa para comparar valores, mientras que === se usa para comparar valores y tipos.

Ejemplo:

var x = 2;
var y = "2";
let r = (x == y); 
console.log(r); // Devuelve verdadero ya que el valor de x e y es el mismo

let s = (x === y); 
console.log(s); // Devuelve falso ya que el tipo de x es "número" y el tipo de y es "cadena"

3.3. ¿Qué es la propiedad NaN en JavaScript?

Respuesta: La propiedad NaN representa el valor “No es un número”. Indica un valor que no es un número legal.

typeof de NaN devolverá un Number.

Para verificar si un valor es NaN, usamos la función isNaN(),

Nota: la función isNaN() convierte el valor dado a un tipo de Number y luego equivale a NaN. Ejemplo:

isNaN("Hola"); // Devuelve true
isNaN(345); // Devuelve false
isNaN("1"); // Devuelve false, ya que  '1' se convierte al tipo Number que resulta en 0 (un número)
isNaN(true); // Devuelve false, ya que true convertido al tipo Number resulta en 1 (un número)
isNaN(false); // Devuelve false
isNaN(undefined); // Devuelve true

3.4. ¿Qué método se utiliza para recuperar un carácter de un índice determinado?

Respuesta: La función charAt() del objeto String de JavaScript encuentra un elemento de carácter en el índice proporcionado. El número de índice comienza en 0 y continúa hasta n-1. Aquí n es la longitud de la cadena. El valor del índice debe ser positivo, mayor o igual que la longitud de la cadena.

4. Algunos conceptos importantes

4.1. ¿Qué es la elevación (hoisting, en inglés) en JavaScript?

Respuesta: Hoisting es un mecanismo de JavaScript donde las variables y declaraciones de funciones se mueven a la parte superior de su alcance antes de la ejecución del código. Inevitablemente, esto significa que no importa dónde se declaren funciones y variables, se mueven a la parte superior de su alcance independientemente de si su alcance es global o local.

Ejemplo 1: Elevación de variable

hoistedVariable = 3;
console.log(hoistedVariable); // genera 3 incluso cuando la variable se declara después de inicializarse 
var hoistedVariable;

Ejemplo 2: Elevación de función

hoistedFunction();  // Muestra "¡Hola mundo!" incluso cuando la función se declara después de llamarla

function hoistedFunction(){ 
  console.log("¡Hola mundo!");
}

Ejemplo 3: Elevación de una expresión de función

// La elevación también se realiza a nivel local.
function doSomething(){
  x = 33;
  console.log(x);
  var x;
} 
doSomething(); // Muestra 33 ya que la variable local "x" se eleva dentro del alcance local

Nota: las inicializaciones de variables no se elevan, solo se elevan las declaraciones de variables:

var x;
console.log(x); // Muestra "undefined" ya que la inicialización de "x" no se eleva
x = 23;

Nota: para evitar el izado, puede ejecutar JavaScript en modo estricto usando use strict; encima del código:

"use strict";
x = 23; // Da error ya que 'x' no está declarada
var x;

4.2. ¿Por qué usamos la palabra "debugger" en JavaScript?

Respuesta:

La palabra clave debugger se utiliza para crear puntos de interrupción en el código. Cuando el navegador encuentra la palabra clave depurador en el código, deja de ejecutar el código y abre la herramienta de depuración del navegador.

4.3. ¿Qué es el currying en JavaScript?

Respuesta:

Currying es una técnica avanzada para transformar una función de argumentos n en n funciones de uno o menos argumentos.

Ejemplo de una función curried:

function add (a) {
  return function(b){
    return a + b;
  }
}

add(3)(4)

Por ejemplo, si tenemos una función f (a, b), entonces la función después del currying se transformará en f(a)(b).

Al utilizar la técnica del currying, no cambiamos la funcionalidad de una función, solo cambiamos la forma en que se invoca.

Veamos el currying en acción:

function multiply(a,b){
  return a*b;
}

function currying(fn){
  return function(a){
    return function(b){
      return fn(a,b);
    }
  }
}

var curriedMultiply = currying(multiply);

multiply(4, 3); // Devuelve 12

curriedMultiply(4)(3); // También devuelve 12

Como se puede ver en el código anterior, hemos transformado la función multiplicar(a,b) en una función curriedMultiply, que toma un parámetro a la vez.

4.4. ¿Cuáles son algunas de las ventajas de utilizar JavaScript externo?

Respuesta:

JavaScript externo es el código JavaScript (script) escrito en un archivo separado con la extensión.js, y luego vinculamos ese archivo dentro del elemento <head> o <body> del archivo HTML donde se colocará el código.

Algunas ventajas del JavaScript externo son

->Permite a los diseñadores y desarrolladores web colaborar en archivos HTML y JavaScript.

->Podemos reutilizar el código.

->La legibilidad del código es simple en JavaScript externo.

Nivel básico

Preguntas de entrevista sobre JavaScript de nivel básico

1. Historia y definición de variables

1.1. ¿Qué es JavaScript?

1.2. ¿Quién creo/desarrolló JavaScript?

1.3. ¿Cómo declara una variable en JavaScript?

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

1.5. ¿Es JavaScript un lenguaje de tipado dinámico o de tipado estático?

1.6. ¿Cuáles son los tipos de errores en JavaScript?

1.7. Mencione algunas ventajas de JavaScript

2. Funciones

2.1. ¿Cómo crea una función en JavaScript?

2.2. ¿Qué son las retrollamadas?

2.3. Explique el alcance y la cadena de alcance en JavaScript

2.4. Explique las funciones de orden superior en JavaScript

2.5. ¿Qué quiere decir con funciones de autoinvocación en JavaScript?

2.6. ¿Cuál es la diferencia entre los métodos exec() y test() en JavaScript?

3. Tipos de datos y operadores

3.1. ¿Cuáles son los diferentes tipos de datos presentes en JavaScript?

3.2 Diferencia entre los operadores `==` y `===`

3.3. ¿Qué es la propiedad NaN en JavaScript?

3.4. ¿Qué método se utiliza para recuperar un carácter de un índice determinado?

4. Algunos conceptos importantes

4.1. ¿Qué es la elevación (hoisting, en inglés) en JavaScript?

4.2. ¿Por qué usamos la palabra "debugger" en JavaScript?

4.3. ¿Qué es el currying en JavaScript?

4.4. ¿Cuáles son algunas de las ventajas de utilizar JavaScript externo?

results matching ""

No results matching ""

Preguntas de entrevista sobre JavaScript de nivel básico

1. Historia y definición de variables

1.1. ¿Qué es JavaScript?

1.2. ¿Quién creo/desarrolló JavaScript?

1.3. ¿Cómo declara una variable en JavaScript?

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

1.5. ¿Es JavaScript un lenguaje de tipado dinámico o de tipado estático?

1.6. ¿Cuáles son los tipos de errores en JavaScript?

1.7. Mencione algunas ventajas de JavaScript

2. Funciones

2.1. ¿Cómo crea una función en JavaScript?

2.2. ¿Qué son las retrollamadas?

2.3. Explique el alcance y la cadena de alcance en JavaScript

2.4. Explique las funciones de orden superior en JavaScript

2.5. ¿Qué quiere decir con funciones de autoinvocación en JavaScript?

2.6. ¿Cuál es la diferencia entre los métodos exec() y test() en JavaScript?

3. Tipos de datos y operadores

3.1. ¿Cuáles son los diferentes tipos de datos presentes en JavaScript?

3.2 Diferencia entre los operadores == y ===

3.3. ¿Qué es la propiedad NaN en JavaScript?

3.4. ¿Qué método se utiliza para recuperar un carácter de un índice determinado?

4. Algunos conceptos importantes

4.1. ¿Qué es la elevación (hoisting, en inglés) en JavaScript?

4.2. ¿Por qué usamos la palabra "debugger" en JavaScript?

4.3. ¿Qué es el currying en JavaScript?

4.4. ¿Cuáles son algunas de las ventajas de utilizar JavaScript externo?

results matching ""

No results matching ""

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

3.2 Diferencia entre los operadores `==` y `===`