Function.bind | Javascript

Descripción

El método bind nos permite crear una función asociada a la función sobre la que lo invocamos (función ligada o x function en inglés). De tal manera que nos permite recubrir la función y así poderle pasar más información.

De esta manera la función destino a la que asociemos el método bind recibirá los parámetros de la función más los parámetros que indiquemos en el método bind.

El primero valor del método bind pasará a ser el valor this dentro de la función.

Sintaxis

let boundFunc = func.bind(thisArg[, arg1[, arg2[, ...argN]]])

Parámetros

thisArg, es el valor que se le pasará a la función y que funcionará como elemento this dentro de la función.
arg1, arg2,… argN, resto de argumentos que se pasarán a la función a la cual asociemos el método bind.

Objeto Padre

Function

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Pasar datos a un Listener</title>
</head>
<body>

  <h1>Pasar datos a un Listener</h1>

  <button id="saludar">Saludar</button>
  <span id="mensaje"></span>
  
  <script>
    let nombre = "Víctor";
    const boton = document.getElementById("saludar");
    const mensaje = document.getElementById("mensaje");
    
    boton.addEventListener("click", function () {
      console.log(this);
      mensaje.innerHTML = "Hola " + this;
    }.bind(nombre)
    );
      
  </script>

</body>
</html>

Artículos

Pasar datos a un listener

Manual Javascript

Aprende más sobre Javascript consultando online o descargando nuestro manual.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Vídeos Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.