“Appeler la méthode d'application et de liaison dans JavaScript” Réponses codées

Appeler la méthode d'application et de liaison dans JavaScript

* call apply and bind

- This concept is called function borrowing 
- We can borrow function from the other objects 
  and use the data with the other object.

-> Call invokes the function and allows you to pass in arguments
 one by one.
-> Apply invokes the function and allows you to pass in arguments 
 as an array.
-> Bind returns a new function, allowing you to pass in a
 this array and any number of arguments.


let myName = {
  firstname: "Abhishek",
  lastname: "Bhavsar",
}
let printFullName = function (hometown, state) {
  console.log("=>>>>>>>", this.firstname + " " + this.lastname + "from" + hometown + "," + state)
}
// call 
printFullName.call(myName, "Ahmedabad", "Gujrat");

let name2 = {
  firstname: "Sachin",
  lastname: "Tendulkar",
}
// function borrowing
printFullName.call(name2, "Mumbai", "Maharashtra");

// apply 
printFullName.apply(name2, ["Mumbai", "Maharashtra"]);

//  bind method
let printMyName = printFullName.bind(name2, "Mumbai", "Maharashtra");
console.log(printMyName);
printMyName();
Abhishek

appeler, lier et appliquer en javascript

// ----------------------
// Traditional Example
// ----------------------
// A simplistic object with its very own "this".
var obj = {
    num: 100
}

// Setting "num" on window to show how it is NOT used.
window.num = 2020; // yikes!

// A simple traditional function to operate on "this"
var add = function (a, b, c) {
  return this.num + a + b + c;
}

// call
var result = add.call(obj, 1, 2, 3) // establishing the scope as "obj"
console.log(result) // result 106

// apply
const arr = [1, 2, 3]
var result = add.apply(obj, arr) // establishing the scope as "obj"
console.log(result) // result 106

// bind
var result = add.bind(obj) // establishing the scope as "obj"
console.log(result(1, 2, 3)) // result 106
tinydev

Réponses similaires à “Appeler la méthode d'application et de liaison dans JavaScript”

Questions similaires à “Appeler la méthode d'application et de liaison dans JavaScript”

Plus de réponses similaires à “Appeler la méthode d'application et de liaison dans JavaScript” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code