Înțelegerea diferenței dintre „apelare” și

Arthur Petit

Miercuri, 3 iulie 2024, 04:05:53

Metode de invocare a funcției în JavaScript

JavaScript oferă mai multe modalități de a invoca funcții, dintre care două sunt `Function.prototype.call()` și `Function.prototype.apply()`. Ambele metode servesc la apelarea funcțiilor cu o valoare specificată „this” și argumente, dar diferă în modul în care sunt transmise aceste argumente.

Acest articol își propune să exploreze diferențele dintre „apelare” și „aplicare”, implicațiile lor privind performanța și scenariile în care unul ar putea fi preferat față de celălalt. Până la sfârșit, veți înțelege mai clar când să utilizați „apelați” sau „aplicați” în codul JavaScript.

Explorarea diferențelor dintre „apelați” și „aplicați” în JavaScript

Exemplu de front-end JavaScript

// Example of Function.prototype.call()
const person = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

const person1 = {
  firstName: "John",
  lastName: "Doe"
};

console.log(person.fullName.call(person1)); // John Doe

Înțelegerea performanței `call` vs `applily` în JavaScript

Exemplu de front-end JavaScript

// Example of Function.prototype.apply()
const person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + ", " + city + ", " + country;
  }
};

const person2 = {
  firstName: "Jane",
  lastName: "Doe"
};

console.log(person.fullName.apply(person2, ["Oslo", "Norway"])); // Jane Doe, Oslo, Norway

Se compară `call` și `apply` pentru invocarea funcției în JavaScript

Exemplu de backend Node.js

const person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + ", " + city + ", " + country;
  }
};

const person3 = {
  firstName: "Alice",
  lastName: "Smith"
};

function printName(method) {
  if (method === 'call') {
    console.log(person.fullName.call(person3, 'Paris', 'France'));
  } else if (method === 'apply') {
    console.log(person.fullName.apply(person3, ['Paris', 'France']));
  }
}

printName('call');  // Alice Smith, Paris, France
printName('apply'); // Alice Smith, Paris, France

Alegerea între „apelare” și „aplicare” în dezvoltarea JavaScript

Analiza performanței JavaScript

const iterations = 1000000;
const person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + ", " + city + ", " + country;
  }
};
const person4 = {
  firstName: "Bob",
  lastName: "Brown"
};

console.time('call');
for (let i = 0; i < iterations; i++) {
  person.fullName.call(person4, 'Berlin', 'Germany');
}
console.timeEnd('call');

console.time('apply');
for (let i = 0; i < iterations; i++) {
  person.fullName.apply(person4, ['Berlin', 'Germany']);
}
console.timeEnd('apply');

O perspectivă mai profundă a apelurilor și aplicarea metodelor în JavaScript

Pe lângă utilizarea lor de bază, și aveți mai multe cazuri de utilizare avansate care vă pot îmbunătăți programarea JavaScript. Un astfel de caz de utilizare este împrumutul de metode, în care metodele de la un obiect sunt împrumutate de către altul. Acest lucru este util în special atunci când aveți un obiect care trebuie să folosească o metodă de la un alt obiect fără moștenire. Folosind și apply(), puteți împrumuta temporar metode și le puteți executa în contextul diferitelor obiecte, sporind astfel reutilizarea codului și reducând redundanța.

Un alt aspect important de luat în considerare este utilizarea pentru funcțiile variadice — funcții care acceptă un număr variabil de argumente. Când aveți o matrice de argumente și trebuie să le transmiteți unei funcții care nu acceptă o matrice, devine extrem de la îndemână. Pe de altă parte, poate fi util în scenariile în care performanța este critică, iar numărul de argumente este cunoscut și fixat. Înțelegând aceste nuanțe, dezvoltatorii pot lua decizii mai informate cu privire la momentul folosirii call() contra , optimizându-și codul atât pentru lizibilitate, cât și pentru performanță.

Care este diferența principală între și ?
acceptă argumentele individual, în timp ce acceptă argumente ca matrice.
Poate sa și să fie folosit interschimbabil?
Da, pot obține același rezultat, dar alegerea depinde de modul în care sunt structurate argumentele.
Când ar trebui să prefer peste ?
Utilizare când aveți o matrice de argumente sau un număr variabil de argumente.
Există vreo diferență de performanță între și ?
Diferențele de performanță sunt neglijabile în majoritatea cazurilor, dar poate fi puțin mai rapid cu un număr fix de argumente.
Cum și se ocupă de context?
Ambele metode setează în mod explicit context pentru invocarea funcției.
Pot folosi și cu funcții de constructor?
Nu, nu sunt potrivite pentru funcțiile de constructor, deoarece nu creează instanțe noi.
Pentru ce sunt unele cazuri de utilizare avansate și ?
Sunt utile pentru împrumutul metodei și gestionarea funcțiilor variadice.
Cum se îmbunătăți lizibilitatea codului?
face invocarea funcției mai clară atunci când numărul de argumente este cunoscut și fixat.
Poate sa gestionează un număr necunoscut de argumente?
Da, este ideal pentru funcțiile care trebuie să gestioneze un număr variabil de argumente.

Gânduri finale despre metodele de invocare a funcției

În concluzie, ambele și metodele sunt instrumente puternice în JavaScript pentru invocarea funcțiilor cu un anumit valoare. Alegerea dintre ele depinde în mare măsură de modul în care doriți să transmiteți argumente funcției. In timp ce call este cel mai bun atunci când ai de-a face cu un număr fix de argumente, strălucește când se manipulează matrice sau un număr necunoscut de argumente. Înțelegerea acestor nuanțe ajută la scrierea unui cod mai eficient și mai lizibil, ceea ce duce în cele din urmă la practici mai bune de programare JavaScript.

Înțelegerea diferenței dintre „apelare” și „aplicare” în JavaScript