Tipos de binding

Cursos Empresas Blog Live Conf Precios

Contenido del curso

Prepara tu entorno de trabajo

Primeros Pasos

Funciones y This

Lógica y ciclos

Fundamentos de arrays y modificación

Iteración de Arrays

Métodos específicos y Operaciones

Arrays multidimencionales

Clases y Objetos

Tomar examen

Binding en JavaScript se refiere a cómo la palabra clave this está vinculada o asociada en una función. Así que, entender los diferentes tipos de "binding" es esencial para comprender cómo se comporta this en diferentes situaciones. Veamos los cinco tipos principales de "binding":

Implicit Binding:

Ocurre cuando se invoca un método de un objeto, y this se vincula al objeto que contiene el método.

Ejemplo:

const person = {
  name: 'Adam',
  greet: function() {
    console.log(`Hello, I'm ${this.name}`);
  }
};

person.greet(); // Output: Hello, I'm Adam

Explicit Binding:

Ocurre cuando se usan métodos como call, apply, o bind para establecer explícitamente el valor de this.

Ejemplo:

function greet() {
  console.log(`Hello, I'm ${this.name}`);
}

const adam = { name: 'Adam' };

greet.call(adam); // Output: Hello, I'm Adam

New Binding:

Ocurre cuando una función se invoca con la palabra clave new, creando así un nuevo objeto y vinculando this a ese objeto.

Ejemplo:

function Person(name) {
  this.name = name;
}

const adam = new Person('Adam');
console.log(adam.name); // Output: Adam

Lexical Binding:

Ocurre cuando se utiliza this en una función dentro de otra función. En este caso, this se vincula al contexto léxico de la función exterior.

Ejemplo:

const person = {
  name: 'Adam',
  greet: function() {
    const innerFunction = () => {
      console.log(`Hello, I'm ${this.name}`);
    };
    innerFunction();
  }
};

person.greet(); // Output: Hello, I'm Adam

Window Binding:

Ocurre cuando ninguna de las reglas anteriores se aplica y this se vincula al objeto global (por ejemplo, window en el navegador).

Ejemplo (ejecutar en el navegador):

function showName() {
  console.log(this.name);
}

window.name = 'Adam';
showName(); // Output: Adam

Tipos de binding

Prepara tu entorno de trabajo

¿Por qué aprender javaScript?

Accede a la versión más actualizada de este contenido

Instala Visual Studio Code

Instala Node.js

Primeros Pasos

¡Hola Mundo!

Anatomía de una variable

Tipos de datos: Mutabilidad e inmutabilidad

Paso por valor

Paso por referencia

Creación de strings

Concatenación de strings

Manipulación de strings

Tipo de dato primitivo: number

Conversión a Booleanos

Tipos de datos primitivos: null, undefined, symbol y bigint

Conversión de tipos: Type Casting y Coercion

Conversión de tipos explícita e implícita

Proyecto: Crea un perfil para redes sociales con JavaScript

Funciones y This

Anatomía de una función

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?

Funciones vs Métodos

Funciones puras e impuras

Identificador this

Métodos bind, call y apply

Funciones flecha y enlace léxico

Implicaciones de duplicar código

Funciones constructoras

10 Tipos de funciones

Objeto window y modo estricto

Tipos de binding

Expresiones vs Sentencias

Proyecto: Crea biografías de personajes con JavaScript

Lógica y ciclos

Operadores de comparación

Operadores lógicos

Ejecución condicional: if

Proyecto: Adivina el número

Ejecución condicional: ternario

Ejecución condicional: switch

Loop: for

Loop: forEach

Loop: for of

Loop: for in

Loop: while

Loop: do while

Proyecto: Juego adivina la palabra

Fundamentos de arrays y modificación

Introducción a Arrays

Mutabilidad e inmutabiliad de Arrays

Modificación básica del final con push(), pop()

Ejercicio: Stack de libros

Modificación del principio con shift(), unshift()

Modificación avanzada con splice(), reverse(), sort(), fill()

Proyecto: Juego de cartas

Preguntas a Desarrolladores Senior: Estrategias y métodos de estudio

Iteración de Arrays

Iteración con map() y forEach()

Filtrado y reducción con filter() y reduce()

Ejercicio: Calificación promedio aprobatoria

Búsqueda de elementos con find() y findIndex()

Ejercicio: Encuentra al ganador de una rifa

Proyecto: Análisis de transacciones

Proyecto: Análisis de transacciones parte 2

Métodos específicos y Operaciones

Unir y entrelazar con concat(), spread operator y join()

Verificación y evaluación con every() y some()

Métodos de búsqueda con includes(), indexOf() y lastIndexOf()

Ejercicio: Encontrando los índices

Crear copias con slice()

Spread operator: casos de uso

Arrays multidimencionales

Introducción a Arrays Bidimensionales

Proyecto: Encuentra al ganador del torneo

Proyecto: Encuentra al ganador del torneo - parte 2

Preguntas a Desarrolladores Senior: Mantenerse actualizado y evitar el estrés

Clases y Objetos

Anatomia de un Objeto