Ligar Método de Objeto

Beginner

This tutorial is from open-source community. Access the source code

Introdução

Neste laboratório, exploraremos o conceito de binding (ligação) de métodos de objetos em JavaScript. Criaremos uma função que liga um determinado método de um objeto ao contexto desse objeto, permitindo que chamemos o método com quaisquer argumentos adicionais que fornecermos. Ao final deste laboratório, você terá uma compreensão mais profunda de como manipular objetos e seus métodos em JavaScript.

Função para Ligar Método de Objeto

Para criar uma função que liga um método de objeto ao seu contexto e, opcionalmente, adiciona parâmetros adicionais, siga estes passos:

  1. Abra o Terminal/SSH e digite node para começar a praticar a codificação.
  2. Defina uma função que recebe três parâmetros: o contexto do objeto, a chave do método e quaisquer argumentos adicionais a serem adicionados.
  3. A função deve retornar uma nova função que usa Function.prototype.apply() para ligar o método ao contexto do objeto.
  4. Use o operador spread (...) para adicionar quaisquer parâmetros fornecidos adicionais aos argumentos.
  5. Aqui está um exemplo de implementação:
const bindKey =
  (context, fn, ...boundArgs) =>
  (...args) =>
    context[fn].apply(context, [...boundArgs, ...args]);
  1. Para testar a função, crie um objeto com um método e ligue-o usando bindKey(). Em seguida, chame o método ligado com alguns argumentos.
const freddy = {
  user: "fred",
  greet: function (greeting, punctuation) {
    return greeting + " " + this.user + punctuation;
  }
};
const freddyBound = bindKey(freddy, "greet");
console.log(freddyBound("hi", "!")); // 'hi fred!'

Resumo

Parabéns! Você concluiu o laboratório de Ligação de Método de Objeto. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.