¿Cuál es la diferencia entre llamar y vincular??

Al agregar varias características a un sitio web o en la página web, puede haber un requisito para relacionar las funcionalidades basadas en un atributo específico. Por ejemplo, relacionarse con contenido idéntico en términos de código y funcionalidades en el mismo lugar. En tales situaciones, el "llamar()" y "unir()"Métodos en JavaScript Assist en el fin de desarrollador.

Este blog discutirá la diferencia entre los métodos de llamada () y bind () en JavaScript.

¿Cuál es la disimilitud entre los métodos de llamada () y bind () en JavaScript??

En JavaScript, el "llamar()El método "invoca un método con un objeto del propietario como argumento. Se une "este"Valor para la función y ejecuta la misma función.

Método de sintaxis del llamado () en JavaScript

documento = función.llamar (argn)

En la sintaxis dada:

• "función"Se refiere a la función que se ejecutará.
• "argn"Corresponde a los argumentos que deben pasar a la función.

Mientras que el "unir()El método "permite que el objeto obtenga un método de otro objeto. Este método se une "este"Valor para la función y devuelve una nueva función.

Sintaxis del método bind () en JavaScript

función.Bind (ThatesArg [, arg1 [, arg2 [, ...]]])

En la sintaxis anterior:

• "thantarg"¿Es el valor de la función objetivo?.
• "Arg1" y "arg2"Son los argumentos de la función.

Ejemplo 1: Cómo usar el método Call () en JavaScript?

En este ejemplo, el método establecido se puede utilizar para invocar una función y asociar un objeto particular con él:

functionMyFunction ()
devolver "esto es un simple" + esto.FirstName + "" + esto.LastName + ".";

constemement1 =
FirstName: "Web",
LastName: "Página"

constemement2 =
FirstName: "Web",
LastName: "Sitio"

documento.getElementById ("demo").innerhtml = myfunction.llamar (elemento1);

En el código anterior:

• En primer lugar, incluya un "El elemento de "contener la salida resultante.
• Ahora en el código JavaScript, defina una función llamada "myFunction ()".
• En su definición, Asociar Objeto "este" con el "llaves"De un elemento particular.
• Después de eso, cree dos objetos llamados "elemento1" y "elemento2", Respectivamente, en forma de"valor clave"Pares.
• En el siguiente paso, aplique el "getElementById ()"Método para acceder al creado"div".
• Además, asocie el "llamar()Método "con la función establecida. Como parámetro, pase el objeto anterior de modo que la función llame al objeto en particular y sus propiedades se agregan.
• Por último, utilice el "innerhtml"Propiedad para mostrar el resultado en el"div".

Producción

En la salida anterior, se puede ver que las funcionalidades de la función y el objeto se agregan.

Ejemplo 2: Cómo usar el método Bind () en JavaScript?

En este ejemplo, el "unir()El método "se puede aplicar para unir un objeto particular con la clave de un objeto específico especificada como una función:

const objeto1 =
MEM1: "HTML",
MEM2: "CSS",
myFunction: function ()
devolver "esto es" + esto.mem1 + "y" + esto.mem2;


const object2 =
MEM1: "JavaScript",
MEM2: "jQuery",

Deje que Message = Object1.MyFunction.bind (object2);
documento.getElementById ("demo").innerhtml = mensaje ();

Aquí en estas líneas de código:

• En primer lugar, en código HTML, incluya el ""Elemento tiene la identificación indicada nombrada"manifestación".
• En el código JS, cree una matriz de objetos llamados "objeto1"Tener los valores establecidos en forma de"valor clave"Pares.
• Tenga en cuenta que "MyFunction"Se refiere a la clave del objeto, y la función se define como su valor.
• En la definición de función, consulte las teclas de objeto a través de "este" objeto.
• Después de eso, de manera similar, cree otro objeto que tenga las propiedades establecidas.
• Ahora, consulte la clave del objeto asociado "MyFunction"Y adjunte el"unir()"Método de tal manera que el objeto particular en el parámetro del método está integrado con la función.
• Finalmente, aplique el "getElementById ()"Método para obtener el"div"Elemento y muestre el resultado a través del"innerhtml" propiedad.

Producción

El resultado anterior muestra que se cumple el requisito deseado.

Conclusión

En JavaScript, la principal diferencia entre el llamar()" y "unir()"Los métodos son que el método de llamada () se une"este"Valor para la función y ejecuta la función, mientras que el"unir()"Método se une"este"Valor para la función y devuelve una nueva función. Este blog discutió las diferencias centrales entre los métodos de llamada () y BIND en JavaScript con la ayuda de los ejemplos.