Preguntas y respuestas frecuentes de la entrevista de JavaScript

Tener JavaScript en su cartera aumenta las posibilidades de obtener un rol de desarrollador de software. Dicho esto, echemos un vistazo a las preguntas frecuentes de la entrevista de JavaScript.

JavaScript es uno de los lenguajes más utilizados en el desarrollo web. Ahora se usa para desarrollar casi cualquier tipo de aplicación.

Antes de saltar a las preguntas de la entrevista, veamos las ventajas de aprender JavaScript.

JavaScript es un lenguaje de programación ligero, interpretado o compilado justo a tiempo. Es uno de los lenguajes centrales de la red mundial. Conoce los otros dos lenguajes principales de www. Será mejor que los busques si no lo haces.

JavaScript is mainly created for the web. But it’s not only for the web now. With the help of environments like Nodo, Deno, etc.., we can run it on almost any plat.

Veamos algunas de sus ventajas.

Ventajas de JavaScript

1. Fácil de empezar. Puedes aprenderlo incluso sin ningún conocimiento de codificación.
2. Gran comunidad a su alrededor. Obtendrá toda la ayuda que desee si está atascado en cualquier lugar.
3. Hay muchas bibliotecas/marcos creados con JavaScript, lo que ayuda a desarrollar aplicaciones más rápido.
4. We can develop frontend, backend, android, iOS, etc.., applications with JavaScript. We can create almost any type of application with it. But, it’s more robust in web development.

¿Cuáles son los tipos de datos en JavaScript?

Los tipos de datos se utilizan para almacenar diferentes tipos de datos. Los tipos de datos diferirán de uno lenguaje de programación a otro. En JavaScript, tenemos 8 tipos de datos. Vamos a verlos uno por uno.

• Número
• Cordón
• Boolean
• Indefinido
• Nulo
• BigInt
• Símbolo
• Objeto

Todos los tipos de datos excepto Objeto se llaman valores primitivos. Y son inmutables.

¿Cuáles son los métodos integrados en JavaScript?

Los métodos incorporados en JavaScript son diferentes para cada tipo de datos. Podemos acceder a estos métodos incorporados usando el tipo de datos respectivo. Veamos algunos métodos incorporados para diferentes tipos de datos y estructuras de datos.

1. Número
   • aFijo
   • Encadenar
   • ...
2. Cordón
   • aLowerCase
   • comienza con
   • gráfico en
   • ...
3. Formación
   • filtrar
   • mapa
   • para cada
   • ...

Hay muchos métodos integrados para cada tipo de datos. Puede consultar las referencias de todos los métodos integrados de diferentes tipos de datos y estructuras de datos.

Cómo create an array in JavaScript?

Arrays are one of the core data structures in JavaScript. Arrays can have any type of data in them as JavaScript is dynamic. Let’s see how to create arrays in JavaScript.

podemos crearate an array using square soportes[]. It’s straightforward and quick to create objetos

// Empty array
const arr = [];

// Array with some random values
const randomArr = [1, "One", true];

console.log(arr, randomArr);

podemos crearate an array using Array constructor. People rarely use the constructor to create arrays in general projects.

// Empty array
const arr = new Array();

// Array with some random values
const randomArr = new Array(1, "One", true);

console.log(arr, randomArr);

Las matrices de JavaScript son mutables, es decir, podemos modificarlas como queramos después de crearlas.

Cómo create an object in JavaScript?

Aside array, the object is another core data structure in JavaScript. Objects are using store the key-value pairs. The key must be an immutable value, whereas the value can be anything. Let’s see how to create objects in JavaScript.

podemos crearate objects using curly brackets {}. It’s straightforward and quick to create objetos.

// Empty object
const object = {};

// Object with some random values
const randomObject = { 1: 2, one: "Two", true: false };

console.log(object, randomObject);

podemos crearate objetos usando Object constructor. La gente rara vez usa esto en proyectos generales.

// Empty object
const object = new Object();

// Object with some random values
const randomObject = new Object();
randomObject[1] = 2;
randomObject["one"] = "Two";
randomObject[true] = false;

console.log(object, randomObject);

Los objetos de JavaScript son mutables, es decir, podemos modificarlos después de crearlos, como se ve en el segundo ejemplo.

¿Cómo se depura el código JavaScript?

El código de depuración no es sencillo. Y es diferente de un lenguaje de programación a otro, de un proyecto a otro, etc.; veamos las cosas comunes que se usan para depurar JavaScript.

#1. Inicio de sesión

Podemos usar el console.log statements at multiple places in our code to identify the bug. The code will stop running the next lines of code when there is a bug in the prevlínea iosa.

El registro es uno de los viejos métodos de depuración, que es bastante efectivo para proyectos pequeños. Es una técnica de depuración común para cualquier lenguaje de programación.

#2. Herramientas de desarrollo

JavaScript is mostly used for developing web applications. So, almost all browsers have developer tools now that help to debug the JavaScript code.

Uno de los métodos de depuración más utilizados es establecer puntos de interrupción en las herramientas de desarrollo. Los puntos de interrupción detienen la ejecución de JavaScript y brindan toda la información sobre la ejecución en este momento.

Podemos establecer múltiples puntos de interrupción alrededor del lugar donde estamos recibiendo errores y ver qué los está causando. Es la forma más efectiva de depurar aplicaciones web de JavaScript.

#3. IDEs

Podemos usar los IDE para depurar JavaScript. VS Code admite la depuración con puntos de interrupción. La función de depuración puede diferir según el IDE que esté utilizando. Pero, la mayoría de los IDE tendrán esa característica.

¿Cómo agregar código JavaScript en un archivo HTML?

Podemos agregar el archivo HTML de JavaScript usando el script etiqueta. Puedes comprobar el ejemplo a continuación.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Geekflare</title>
  </head>
  <body>
    <h1>Geekflare</h1>

    <script>
      // JavaScript code goes here
      console.log("This is JavaScript code");
    </script>
  </body>
</html>

¿Qué son las cookies?

Las cookies son pares clave-valor que se utilizan para almacenar información pequeña. La información puede ser cualquier cosa. Podemos establecer el tiempo de caducidad de las cookies, que se eliminarán después de su tiempo de caducidad. Estos son ampliamente utilizados para almacenar la información de los usuarios.

Cookies won’t be cleared even if we refresh the page until we delete them or they expire. You can check the cookies of any web app/web page in any browser by opening the developer tools.

¿Cómo leer una cookie?

Podemos leer la cookie en JavaScript usando document.cookie. It will return all the cookies that we created.

console.log("All cookies", document.cookie);

Devolverá una cadena vacía si no hay cookies.

Cómo create and delete a cookie?

podemos crearate the cookies by setting the key-value pair to the document.cookie. Veamos un ejemplo.

document.cookie = "one=One;";

En la sintaxis anterior, el one clave de cookies y One is its value. We can add more attributes to the cookie like domain, path, expires, etc..; each of them should be separated por un punto y coma (;). Todos los atributos son opcionales.

Veamos un ejemplo con atributos.

document.cookie = "one=One;expires=Jan 31 2023;path=/;";

In the above code, we have added an expiry date and path to the cookie. If the expiry date is not provided, the cookie will be deleted after the session. The default path will be the file path. The expiry date format should in GMT.

Veamos cómo crearate multiple cookies.

document.cookie = "one=One;expires=Jan 31 2023;path=/;";
document.cookie = "two=Two;expires=Jan 31 2023;path=/;";
document.cookie = "three=Three;expires=Jan 31 2023;path=/;";

Las cookies no se sobrescribirán si la clave o la ruta son diferentes al configurar varias cookies. Si la clave y la ruta son las mismas, sobrescribirá la prevgalleta iosa. Consulte el siguiente ejemplo, que sobrescribirá el previosa galleta establecida.

document.cookie = "one=One;expires=Jan 31 2023;path=/;";
document.cookie = "one=Two;path=/;";

We have removed the expiry date from the cookie and changed the value.

Use the expiry date a future date when you are testing the code for it to work correctly. If you keep the same date Jan 31 2023 incluso después de la Jan 31 2023, cookies won’t be created.

Hemos visto cómo crearate y actualizaate cookies. Let’s see how to delete cookies.

Deleting cookies is easy. Just change the expiry date of the cookie to any past date. Check the example below.

// Creating cookies
document.cookie = "one=One;expires=Jan 31 2023;path=/;";
document.cookie = "two=Two;expires=Jan 31 2023;path=/;";
document.cookie = "three=Three;expires=Jan 31 2023;path=/;";

// Deleting the last cookie
document.cookie = "three=Three;expires=Jan 1 2023;path=/;";

No encontrará la última cookie en las cookies ya que se elimina en la última línea del código. Eso es todo por el tutorial de cookies min.

¿Cuáles son los diferentes marcos de JavaScript?

Hay una gran cantidad de Marcos de JavaScript allí afuera. React, Vue, Angular, etc., para el desarrollo de UI. Express, Koa, Nest, etc., para el desarrollo del lado del servidor. SiguienteJS, Gatsby, etc., para la generación de sitios estáticos. React Native, Ionic, etc., para el desarrollo de aplicaciones móviles. Hemos mencionado algunos de los marcos de JavaScript aquí. Puede encontrar más marcos que llevará mucho tiempo explorar. Explora cuando los necesites.

Cierres en JavaScript

A closure is a function bundled with its lexical scope and its parent lexical environment. With closures, we can access the outer scope data. The closures are formed when the functions are created.

function outer() {
  const a = 1;
  function inner() {
    // We can access all the data from the outer function scope here
    // The data will be available even if we execute this function outside the outer function 
    // as inners' closure formed while creating it
    console.log("Accessing a inside inner", a);
  }
  return inner;
}

const innerFn = outer();
innerFn();

Los cierres son ampliamente utilizados en aplicaciones de JavaScript. Es posible que los hayas usado antes sin darte cuenta de que son cierres. Hay mucho más que esto para aprender acerca de los cierres. Asegúrese de haber aprendido este concepto por completo.

Izado en JavaScript

Hoisting is a process in JavaScript where the declaration of variables, functions, and classes moves to the top of the scope before executing the code.

// Accessing `name` before declaring
console.log(name);

// Declaring and initializing the `name`
var name = "Geekflare";

Si ejecuta el código anterior, no verá ningún error. Pero en la mayoría de los idiomas, obtendrá el error. La salida será undefined ya que alzar solo mueve las declaraciones a la parte superior, y no lo inicializará hasta la línea número 3.

Cambie el var a let or const de la siguiente manera y vuelva a ejecutar el código.

// Accessing `name` before declaring
console.log(name);

// Declaring and initializing the `name`
const name = "Geekflare";

Ahora, obtendrá el error de referencia que dice que no podemos acceder a la variable antes de inicializarla.

ReferenceError: Cannot access 'name' before initialization

Entonces, aquí el let y const se introducen en ES6, al que no se puede acceder antes de inicializar, como sugiere el error. Esto se debe a que las variables declaradas con let or const estará en Zona Muerta Temporal (TDZ) hasta que la línea sea inicializada. No podemos acceder a las variables desde TDZ.

Curry en JavaScript

Currying es una técnica para convertir funciones con muchos parámetros en menos parámetros con múltiples llamadas. Con él, podemos convertir una función invocable add(a, b, c, d) en add(a)(b)(c)(d) invocable. Veamos un ejemplo de cómo hacerlo.

function getCurryCallback(callback) {
  return function (a) {
    return function (b) {
      return function (c) {
        return function (d) {
          return callback(a, b, c, d);
        };
      };
    };
  };
}

function add(a, b, c, d) {
  return a + b + c + d;
}

const curriedAdd = getCurryCallback(add);

// Calling the curriedAdd
console.log(curriedAdd(1)(2)(3)(4));

Podemos generalizar la getCurryCallback la función que se utilizará para diferentes funciones para convertir en invocables de curry. Puedes referirte a Información de JavaScript para más detalles al respecto.

Difference between document and window

El window is the topmost object in the browser. It contains all the info about the browser window, like history, location, navigator, etc..; it’s globally available in JavaScript. We can use it directly in our code without any imports. We can access the properties and methods of the window objeto sin window.

El document es parte de window objeto. Todo el HTML cargado en la página web se convierte en el objeto de documento. El objeto del documento se refiere al elemento especial HTMLDocument, que tendrá diferentes propiedades y métodos como todos los elementos HTML.

El window the object represents the browser window y document represents the HTML document loaded in that browser window.

Diferencia entre el lado del cliente y el lado del servidor

El lado del cliente se refiere al usuario final que usa la aplicación. El lado del servidor se refiere al servidor web donde se implementa la aplicación.

In the frontend terminology, we can say browser on users’ computers as client side and cloud services as server side.

Diferencia entre InnerHTML e InnerText

Ambos innerHTML y innerText son las propiedades de los elementos HTML. Podemos cambiar el contenido de un elemento HTML usando estas propiedades.

Podemos asignar la cadena HTML a innerHTML una propiedad representada como HTML normal. Compruebe el siguiente ejemplo.

const titleEl = document.getElementById("title");

titleEl.innerHTML = '<span style="color:orange;">Geekflare</span>';

Agregar un elemento con la identificación title a su HTML y agregue el script anterior al archivo JavaScript. Ejecute el código y vea el resultado. Vas a Geekflare in orange color. And if you inspect the element, it will be inside the span etiqueta. Entonces el innerHTML tomará la cadena HTML y la representará como HTML normal.

El innerText en el otro lado, tomará una cadena normal y la representará tal como está. No renderizará ningún HTML como innerHTML. Cambiar el innerHTML a innerText en el código anterior y verifique la salida.

const titleEl = document.getElementById("title");

titleEl.innerText = '<span style="color:orange;">Geekflare</span>';

Ahora, verá la cadena exacta que proporcionamos en la página web.

Diferencia entre let y var

El let y var keywords are used to create variables in JavaScript. The let La palabra clave se introduce en ES6.

El let es un alcance de bloque y var tiene un ámbito de función.

{
  let a = 2;
  console.log("Inside block", a);
}
console.log("Outside block", a);

Ejecute el código anterior. Obtendrá un error en la última línea ya que no podemos acceder let a fuera del bloque porque tiene un alcance de bloque. Ahora, cámbialo a var y ejecútelo de nuevo.

{
  var a = 2;
  console.log("Inside block", a);
}
console.log("Outside block", a);

No obtendrá ningún error ya que podemos acceder a la a variable fuera del bloque también. Ahora, reemplacemos el bloque con una función.

function sample() {
  var a = 2;
  console.log("Inside function", a);
}
sample();
console.log("Outside function", a);

Obtendrá un error de referencia si ejecuta el código anterior ya que no podemos acceder var a fuera de la función porque tiene un alcance de función.

Podemos redeclarar las variables usando var palabra clave pero no podemos volver a declarar las variables usando let palabra clave. Veamos un ejemplo.

var a = "Geekflare";
var a = "Chandan";
console.log(a);

let a = "Geekflare";
let a = "Chandan";
console.log(a);

La primera pieza de código no arrojará ningún error y el valor es a will be changed to the latest assigned value. The 2nd piece of code will throw an error as we can’t redeclare variables using let.

Diferencia entre almacenamiento de sesión y almacenamiento local

El almacenamiento de sesión y el almacenamiento local se utilizan para almacenar información en las computadoras de los usuarios a las que se puede acceder sin Internet. Podemos almacenar los pares clave-valor tanto en el almacenamiento de sesión como en el almacenamiento local. Tanto la clave como el valor se convertirán en cadenas si proporciona cualquier otro tipo de datos o estructura de datos.

The session storage will be cleared after the session is over (when the browser is closed). The location storage won’t be cleared until we clear it.

We can access, update, and delete session storage and location storage with sessionStorage y localStorage objetos respectivamente.

¿Qué es NaN en JavaScript?

El NaN es abreviated como No un número. Representa que algo no es un número legal/válido en JavaScript. Hay algunos casos en los que obtendremos NaN como salida como 0/0, undefined * 2, 1 + undefined, null * undefined etc ..,

¿Qué es el alcance léxico?

El alcance léxico se refiere a acceder a las variables desde el alcance de sus padres. Digamos que tenemos una función con dos funciones internas. La función más interna puede acceder a las variables de alcance de sus dos funciones principales. De manera similar, la función de segundo nivel puede acceder al alcance de la función más externa. Veámoslo en un ejemplo.

function outermost() {
  let a = 1;
  console.log(a);
  function middle() {
    let b = 2;
    // `a` are accessible here
    console.log(a, b);
    function innermost() {
      let c = 3;
      // both `a` and `b` are accessible here
      console.log(a, b, c);
    }
    innermost();
  }
  middle();
}
outermost();

JavaScript usa una cadena de alcance para encontrar la variable cuando accedemos a ella en algún lugar del código. Primero, verificará la variable en el alcance actual y luego el alcance principal hasta el alcance global.

¿Qué se pasa por valor y qué se pasa por referencia?

El pasar por valor y pasar por referencia son dos formas de pasar los argumentos a una función en JavaScript.

Pasar por valor: es creates a copy of the original data and passes it to the function. So, when we made any changes in the function it won’t affect the original data. Check the below example.

function sample(a) {
  // changing the value of `a`
  a = 5;
  console.log("Inside function", a);
}
let a = 3;
sample(a);
console.log("Outside function", a);

Verá que el valor original de la a no se cambia a pesar de que lo cambiamos dentro de la función.

Pasar por referencia: pasa la referencia de los datos a la función. Entonces, cuando realizamos cambios en la función, también cambiará los datos originales.

function sample(arr) {
  // adding a new value to the array
  arr.push(3);
  console.log("Inside function", arr);
}
let arr = [1, 2];
sample(arr);
console.log("Outside function", arr);

Verá que el valor original de la arr se cambia cuando lo cambiamos dentro de la función.

Nota: todos los tipos de datos primitivos se pasan por valor y los no primitivos se pasan por referencia.

¿Qué es la memorización?

La memorización es una técnica que almacena los valores calculados en cachés y los usa cuando los necesitamos nuevamente sin volver a computarlos. Acelerará la ejecución del código si el cálculo es muy pesado. Hay una compensación de almacenamiento que no es un gran problema en comparación con el tiempo.

const memo = {};
function add(a, b) {
  const key = `${a}-${b}`;

  // checking whether we computed the value already or not
  if (memo[key]) {
    console.log("Not computing again");
    return memo[key];
  }

  // adding the newly computed value to cache
  // here cache is a simple global object
  memo[key] = a + b;
  return memo[key];
}

console.log(add(1, 2));
console.log(add(2, 3));
console.log(add(1, 2));

It’s a simple example that demonstrates memoization. Here, adding two numbers is not a heavy computation tough. It’s just for the demo.

¿Cuál es el parámetro de descanso?

El parámetro de descanso se utiliza para recopilar todos los parámetros restantes en una función. Digamos que tenemos una función que aceptará un mínimo de 2 argumentos y puede aceptar cualquier número de parámetros como máximo. Como no tenemos el número máximo de argumentos, podemos recopilar los primeros 2 parámetros con variables normales y todos los demás con el parámetro de descanso usando el operador de descanso.

function sample(a, b, ...rest) {
  console.log("Rest parameter", rest);
}

sample(1, 2, 3, 4, 5);

El resto parámetro será una matriz de los últimos tres argumentos en el ejemplo anterior. Con esto, podemos tener cualquier número de parámetros para una función.

Una función solo puede tener un parámetro de descanso. Y el parámetro resto debe ser el último en el orden de los parámetros.

¿Qué es la desestructuración de objetos?

La desestructuración de objetos se utiliza para acceder a las variables del objeto y asignarlas a variables con los mismos nombres que las claves de objeto. Veamos un ejemplo.

const object = { a: 1, b: 2, c: 3 };

// Object destructuring
const { a, b, c } = object;

// Now, a, b, c will be used as normal variables
console.log(a, b, c);

Podemos cambiar las variables de variables desestructuradas en la misma línea de la siguiente manera.

const object = { a: 1, b: 2, c: 3 };

// Changing the names of `a` and `b`
const { a: changedA, b: changedB, c } = object;

// Now, changedA, changedB, c will be used as normal variables
console.log(changedA, changedB, c);

¿Qué es la desestructuración de matrices?

La desestructuración de matrices se utiliza para acceder a las variables de la matriz y asignarlas a las variables. Veamos un ejemplo.

const array = [1, 2, 3];

// Array destructuring
// It's based on the index of the array
const [a, b, c] = array;

// Now, we can use a, b, c as normal variables
console.log(a, b, c);

¿Qué son la captura y difusión de eventos?

Evento captura y evento burbujeante are two ways of event propagation in HTML DOM. Let’s say there are two HTML elements, one inside another. And an event occurs on the inner element. Now, the event propagation mode will decide the order of these events’ execution.

Evento burbujeante: primero ejecuta el controlador de eventos en el elemento, luego en su elemento y luego sube hasta el elemento superior. Este es el comportamiento predeterminado de todos los eventos.

Captura de eventos: we need to specify in the event that we need to use this type of event propagation. We can specify it while adding the event listener. The events will execute in the following order if we have the event capturing enabled.

1. Los eventos comienzan a ejecutarse desde el elemento superior hasta el elemento de destino hacia abajo.
2. El evento en el elemento de destino se ejecutará nuevamente.
3. The bubbling event propagation will again occur until the topmost element is up.

We can stop the event propagation al event.stopPropogation un método en el controlador de eventos.

¿Cuáles son las promesas en JavaScript?

El Promise the object is used for the asynchronous operations which will complete in future with a success or failure state.

A Promise can be in one of the following states.

1. pending – cuando la operación todavía está en curso.
2. fulfilled – when the operation is completed successfully. We will have results (if any) in the success state.
3. rejected – cuando la operación se completa con un fallo. Tendremos la razón (error) por la cual falló.

Veamos dos ejemplos de casos de éxito y fracaso.

// Promise which will complete successfully
const successPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve({ message: "Completed successfully" });
  }, 300);
});
successPromise
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.log(error);
  });

// Promise which will complete with failure state
const failurePromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject(new Error("Failing the promise for testing"));
  }, 300);
});
failurePromise
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.log(error);
  });

Puedes tener más de uno then encadenamiento si es necesario. la prevLos datos devueltos oficialmente serán aceptados en la próxima then llamar de vuelta.

Explicar los diferentes tipos de alcance en JavaScript.

Hay dos tipos de ámbito en JavaScript. Él alcance global y alcance local.

Es posible que también haya oído hablar del alcance de la función y del alcance del bloque. Son ámbitos locales para var y let, const respectivamente.

¿Qué son self-invoking functions?

El self-invoking functions are nameless functions that will be executed immediately after creationorte. Veamos algunos ejemplos.

// Without any parameters
(function sayHello() {
  console.log("Hello, World!");
})();

// With parameters
(function add(a, b) {
  console.log("Sum", a + b);
})(1, 2);

We can even pass the arguments to the self-invoking functions as you have seen in the example.

¿Qué son las funciones de flecha?

La función de flecha es azúcar sintáctica a la función normal con algunos cambios. Se comportan como funciones normales en casos de uso general. Las funciones de flecha son útiles cuando tenemos que tener devoluciones de llamada. Veamos su sintaxis.

// arrow functions will return by default if it doesn't have any brackets
let add = (a, b) => a + b;

console.log(add(1, 2));

Existen algunas diferencias entre las funciones de flecha y las funciones normales.

• Las funciones de flecha no tienen sus propias this Unión. La this la palabra clave dentro de la función de flecha se refiere a su ámbito principal this.
• Las funciones de flecha no se pueden usar como funciones de constructor

¿Qué son las devoluciones de llamadas?

Una devolución de llamada es una función que se pasa a otra función que se invoca dentro de esa función. El uso de devoluciones de llamada es algo común en JavaScript. Veamos un ejemplo.

function sample(a, b, callback) {
  const result = a + b;
  callback(result);
}

function finished(result) {
  console.log("Finished with", result);
}

sample(1, 2, finished);

La función finished se pasa como una devolución de llamada al sample. finished function is invoked with the result after performing some action. You will see the callbacks usage mostly in asynchronous operations like promises, setTimeout, etc..,

¿Cuáles son los diferentes tipos de errores?

Revisemos algunos errores en JavaScript.

Error de referencia: este error ocurrirá si la variable a la que estamos accediendo está disponible.

Error de tecleado: JavaScript arrojará este error si el error no coincide con otros tipos de errores. También ocurrirá cuando intentemos realizar una acción que no sea compatible con los datos.

Error de sintaxis: este error ocurrirá si la sintaxis de JavaScript no es correcta.

Hay algunos otros tipos de errores también. Pero estos son los tipos de error comunes en JavaScript.

¿Cuáles son los diferentes alcances de las variables en JavaScript?

Hay dos ámbitos de variables en JavaScript. Las variables declaradas mediante el var la palabra clave tendrá alcance de la función, y las variables declaradas con el let y const Tendrá la alcance del bloque.

Consulte la pregunta 17 para obtener más detalles sobre el alcance de estas variables.

¿Qué son los caracteres de escape en JavaScript?

La barra invertida es el carácter de escape en JavaScript. Se utiliza para imprimir algunos caracteres especiales que no podemos imprimir en general. Digamos que queremos imprimir apostrophe (') inside a string which we can’t do normally as the string will end at the second apostrophe. In that case, we will the escape character to avoid ending the string at that point.

const message = 'Hi, I\'m Geekflare';
console.log(message);

Podemos lograr el resultado anterior sin usar el carácter de escape reemplazando los apóstrofes simples externos con apóstrofes dobles. Pero es solo un ejemplo de cómo usar un carácter de escape. Hay otros personajes para los que definitivamente necesitamos un carácter de escape como \n, \t, \\ etc ..,

¿Qué son BOM y DOM?

Browser Object Model (BOM): todo Browsers have BOM representing the current browser window. It contains our topmost window object which is used to manipulate El browser window.

Modelo de objeto de documento (DOM): browsers create the DOM when the HTML is loaded in the tree structure. We can manipulate the HTML elements using DOM API.

¿Qué es un objeto de pantalla?

El detectar object is one of the properties of the global window object. It contains different properties of the screen on which the current browser window is rendered. Some of the properties are anchura, altura, La orientación, profundidad de píxeles, etc.

Para Concluir

Puede haber preguntas de seguimiento para todas las preguntas anteriores. Por lo tanto, debe preparar los conceptos en torno a todas las preguntas anteriores.

También puede explorar algunas preguntas frecuentes entrevista Java preguntas y respuestas.

Aprendizaje feliz 🙂