Izpratne par atšķirību starp izsaukumu un piemērošanu JavaScript

Izsaukšanas un metožu izmantošana JavaScript programmā funkciju izsaukšanai

JavaScript priekšgala skripts

// Example 1: Using Function.prototype.call()
const person = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
};
const person1 = {
    firstName: "John",
    lastName: "Doe"
};
const person2 = {
    firstName: "Jane",
    lastName: "Smith"
};
// Call the fullName method on person1 and person2
console.log(person.fullName.call(person1)); // Output: John Doe
console.log(person.fullName.call(person2)); // Output: Jane Smith

Function.prototype.apply() lietošana elastīgai argumentu nodošanai

JavaScript priekšgala skripts

// Example 2: Using Function.prototype.apply()
const person = {
    fullName: function(city, country) {
        return this.firstName + " " + this.lastName + ", " + city + ", " + country;
    }
};
const person1 = {
    firstName: "John",
    lastName: "Doe"
};
const person2 = {
    firstName: "Jane",
    lastName: "Smith"
};
// Apply the fullName method with arguments on person1 and person2
console.log(person.fullName.apply(person1, ["New York", "USA"])); // Output: John Doe, New York, USA
console.log(person.fullName.apply(person2, ["London", "UK"])); // Output: Jane Smith, London, UK

Node.js aizmugursistēmas piemērs, izmantojot zvanu un lietot

JavaScript aizmugursistēmas skripts ar Node.js

// Load the required modules
const http = require('http');
// Create a server object
http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    // Example using call()
    function greet() {
        return 'Hello ' + this.name;
    }
    const user = { name: 'Alice' };
    res.write(greet.call(user)); // Output: Hello Alice
    res.end();
}).listen(3000);
console.log('Server running at http://localhost:3000/');

Zvana un pieteikuma apvienošana ar dinamisko funkciju

JavaScript Full Stack skripts

// Define a function to display user details
function displayDetails(age, profession) {
    return this.name + " is " + age + " years old and works as a " + profession + ".";
}
// User objects
const user1 = { name: 'Bob' };
const user2 = { name: 'Alice' };
// Use call to invoke displayDetails
console.log(displayDetails.call(user1, 30, 'Engineer')); // Output: Bob is 30 years old and works as a Engineer.
// Use apply to invoke displayDetails
console.log(displayDetails.apply(user2, [28, 'Doctor'])); // Output: Alice is 28 years old and works as a Doctor.

Bieži uzdotie jautājumi par zvanu un pieteikšanos JavaScript

1. Kāda ir galvenā atšķirība starp call() un apply()?
2. Galvenā atšķirība ir tā call() pieņem argumentu sarakstu, kamēr apply() pieņem virkni argumentu.
3. Kad vajadzētu lietot apply() beidzies call()?
4. Jums vajadzētu izmantot apply() ja jums ir argumentu masīvs vai funkcijai ir jānodod mainīgs argumentu skaits.
5. Vai pastāv veiktspējas atšķirības starp call() un apply()?
6. Parasti starp tām nav būtisku veiktspējas atšķirību call() un apply(). Jebkādas atšķirības parasti ir nenozīmīgas.
7. Var apply() izmantot ar matemātikas metodēm?
8. Jā, apply() var izmantot, lai nodotu skaitļu masīvu matemātikas metodēm, piemēram Math.max() vai Math.min().
9. Kas ir Function.prototype.bind()?
10. bind() izveido jaunu funkciju, kurai, izsaucot, ir sava this atslēgvārds ir iestatīts uz norādīto vērtību, ar noteiktu argumentu secību pirms jebkura norādītā, kad tiek izsaukta jaunā funkcija.
11. Kā var call() izmantot, lai aizņemtos metodes?
12. Tu vari izmantot call() aizņemties metodes no viena objekta un izmantot tās citā objektā, ļaujot izmantot metodi atkārtoti, nekopējot funkciju.
13. Vai ir iespējams izmantot call() vai apply() ar konstruktoriem?
14. Nē, konstruktorus nevar tieši izsaukt call() vai apply(). Tā vietā jūs varat izmantot Object.create() mantojuma modeļiem.
15. Kas ir masīviem līdzīgi objekti un kā to darīt call() un apply() strādāt ar viņiem?
16. Masīviem līdzīgi objekti ir objekti, kuriem ir garuma rekvizīts un indeksēti elementi. call() un apply() var izmantot, lai manipulētu ar šiem objektiem tā, it kā tie būtu masīvi.

Izsaukuma un lietotnes lietojuma apkopojums JavaScript

JavaScript, call() un apply() ir būtiski, lai kontrolētu this konteksts funkcijās. call() ļauj nodot atsevišķus argumentus, padarot to piemērotu zināmiem un fiksētiem argumentiem. Turpretim apply() izmanto argumentu masīvu, nodrošinot elastīgumu mainīgo argumentu sarakstiem. Abas metodes uzlabo koda atkārtotu izmantošanu un dinamisku funkciju izsaukšanu neatkarīgi no tā, vai tās ir priekšgala izstrādes vai Node.js vidēs. Lai rakstītu tīru, efektīvu JavaScript kodu, ir ļoti svarīgi saprast, kad un kā šīs metodes izmantot efektīvi.