Funciones y Objeto Window en JavaScript: Conceptos Clave

Clasificado en Informática

Escrito el en español con un tamaño de 4,43 KB

Tipos de Funciones en JavaScript y el Objeto Window

Comprobación de Tipos de Datos

En JavaScript, existen varias formas de verificar el tipo de dato de una variable:

MétodoDescripciónEjemplo
typeof()Devuelve el tipo de dato.
console.log(typeof text); // "string"
constructor.nameDevuelve el tipo de dato por el constructor.
console.log(text.constructor.name); // String

Tipos de Funciones

Función por Declaración

Funciones que existen a lo largo de todo el código.
function saludar() {
  return "Hola";
}

Función por Expresión

Funciones que se guardan dentro de variables.
const saludo = function saludar() {
  return "Hola";
};

Función Anónima

Funciones sin nombre que se alojan en una variable.
// Función anónima "saludo"
const saludo = function () {
  return "Hola";
};

saludo; // ƒ () { return 'Hola'; }
saludo(); // 'Hola'

Callbacks

Funciones que se pasan como parámetro a otra función.
// fB = Función B (callback)
const fB = function () {
  console.log("Función B ejecutada.");
};

// fError = Función Error (callback)
const fError = function () {
  console.error("Error");
};

// fA = Función A
const fA = function (callback, callbackError) {
  const n = ~~(Math.random() * 5);
  if (n > 2) callback();
  else callbackError();
};

fA(fB, fError); // Si ejecutamos varias veces, algunas darán error y otras no

El Objeto Window

El objeto window en JavaScript representa la ventana del navegador que muestra la página web. Proporciona acceso a métodos y atributos del navegador, actuando como el objeto global en el entorno del navegador.

window.location: Este atributo hace referencia al objeto Location, que contiene información sobre la URL actual de la página.

window.document: Esta propiedad se refiere al documento HTML actual que se muestra en la ventana. Permite acceder y manipular el contenido del documento, incluyendo nodos de elementos, atributos y texto.

Métodos del Objeto Window

Algunos métodos importantes del objeto window incluyen:

  • window.open(): Abre una nueva ventana o pestaña del navegador.
  • window.close(): Cierra la ventana o pestaña actual.
  • window.alert(): Muestra un mensaje de alerta al usuario.
  • window.prompt(): Muestra un mensaje al usuario y espera su respuesta.
  • window.confirm(): Muestra un mensaje de confirmación y espera la respuesta del usuario.
  • window.focus(): Trae la ventana o pestaña actual al frente.
  • window.blur(): Envía la ventana o pestaña actual al fondo.
  • window.setInterval(): Llama a una función o evalúa una expresión a intervalos predeterminados (en milisegundos).

Propiedades y Métodos del Objeto Document

Algunas propiedades y métodos útiles del objeto document son:

  • document.link
  • document.form
  • document.anchor
  • document.getElementById(): Devuelve el elemento que tiene el ID especificado.
  • document.getElementsByName(): Devuelve una colección de elementos con el nombre especificado.
  • document.write(): Escribe contenido o código JavaScript en el documento (usado principalmente para pruebas).

Entradas relacionadas: