Comprender cómo llamar, aplicar y vincular en JavaScript con ejemplos simples

Al trabajar con JavaScript, es posible que te encuentres con tres métodos poderosos: llamar, aplicar y vincular. Estos métodos se utilizan para controlar el valor de this en funciones, lo que facilita el trabajo con objetos. Analicemos cada método con ejemplos sencillos para comprender cómo funcionan.

1. método de llamada

El método de llamada le permite invocar una función con un valor this específico y pasar argumentos uno por uno.

const person = {
  name: 'Alice',
  greet: function(greeting) {
    console.log(`${greeting}, my name is ${this.name}`);
  }
};

const anotherPerson = { name: 'Bob' };

person.greet.call(anotherPerson, 'Hello');
// Output: "Hello, my name is Bob"

En este ejemplo, la llamada cambia este valor de persona a otra persona, por lo que la función de saludo imprime "Hola, mi nombre es Bob".

2. aplicar método

El método apply es similar a call, pero toma los argumentos como una matriz en lugar de uno por uno.

const person = {
  name: 'Alice',
  greet: function(greeting, punctuation) {
    console.log(`${greeting}, my name is ${this.name}${punctuation}`);
  }
};

const anotherPerson = { name: 'Charlie' };

person.greet.apply(anotherPerson, ['Hi', '!']);
// Output: "Hi, my name is Charlie!"

Aquí, aplicar también cambia este valor a otra persona y le permite pasar múltiples argumentos como una matriz.

3. Método de vinculación

El método de vinculación no llama a la función inmediatamente. En su lugar, devuelve una nueva función con un valor vinculado a este que puedes llamar más tarde.

const person = {
  name: 'Alice',
  greet: function() {
    console.log(`Hi, my name is ${this.name}`);
  }
};

const anotherPerson = { name: 'Diana' };

const greetDiana = person.greet.bind(anotherPerson);

greetDiana();
// Output: "Hi, my name is Diana"

En este ejemplo, vincular crea una nueva función saludar a Diana con esto vinculado a otra persona. Cuando llamas a saludar a Diana, se imprime "Hola, mi nombre es Diana".

Resumen

• llamar: invoca inmediatamente la función con un valor específico y los argumentos pasados ​​uno por uno.
• aplicar: invoca inmediatamente la función con un valor this específico y argumentos pasados ​​como una matriz.
• bind: devuelve una nueva función con un valor específico, que puedes llamar más tarde.

Estos métodos son útiles cuando necesitas tomar prestados métodos de un objeto para usarlos con otro o cuando quieres tener más control sobre este valor en tus funciones.