JavaScripti helistamise ja rakenduse vahelise erinevuse mõistmine

Funktsiooni kutsumiseks JavaScripti kõnede ja rakenduste meetodite kasutamine

JavaScripti esikülje skript

// 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() rakendamine paindliku argumendi läbimiseks

JavaScripti esikülje skript

// 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 taustaprogrammi näide Helista ja rakenda

JavaScripti taustaprogrammi skript koos Node.js-iga

// 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/');

Helistamise ja taotlemise ühendamine dünaamilise funktsiooniga

JavaScripti täispinu skript

// 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.

Levinud küsimused JavaScriptis helistamise ja kandideerimise kohta

1. Mis on peamine erinevus call() ja apply()?
2. Peamine erinevus seisneb selles call() aktsepteerib argumentide loendit, samas apply() aktsepteerib hulga argumente.
3. Millal peaksite kasutama apply() läbi call()?
4. Sa peaksid kasutama apply() kui teil on argumentide massiiv või kui teil on vaja funktsioonile edastada muutuv arv argumente.
5. Kas on jõudluses erinevusi call() ja apply()?
6. Üldiselt ei ole vahel olulisi jõudluse erinevusi call() ja apply(). Kõik erinevused on tavaliselt tühised.
7. Saab apply() kasutada koos matemaatika meetoditega?
8. jah, apply() saab kasutada arvude massiivi edastamiseks matemaatikameetoditele nagu Math.max() või Math.min().
9. Mis on Function.prototype.bind()?
10. bind() loob uue funktsiooni, millel on kutsumisel oma this võtmesõna seatud etteantud väärtusele, kusjuures antud argumentide jada eelneb uue funktsiooni kutsumisel mis tahes pakutud argumentidele.
11. Kuidas saab call() kasutada meetodite laenamiseks?
12. Sa võid kasutada call() laenutada meetodeid ühelt objektilt ja kasutada neid teisel objektil, võimaldades meetodit uuesti kasutada ilma funktsiooni kopeerimata.
13. Kas on võimalik kasutada call() või apply() konstruktoritega?
14. Ei, konstruktoreid ei saa otse välja kutsuda call() või apply(). Selle asemel võite kasutada Object.create() pärimismustrite jaoks.
15. Mis on massiivilaadsed objektid ja kuidas seda teha call() ja apply() nendega töötada?
16. Massiivilaadsed objektid on objektid, millel on pikkusomadus ja indekseeritud elemendid. call() ja apply() saab kasutada nende objektidega manipuleerimiseks nii, nagu need oleksid massiivid.

Kõne ja rakenduse kasutamise kokkuvõte JavaScriptis

JavaScriptis call() ja apply() on kontrollimiseks hädavajalikud this funktsioonide kontekstis. call() võimaldab edastada üksikuid argumente, muutes selle sobivaks tuntud ja fikseeritud argumentide jaoks. Seevastu apply() kasutab argumentide massiivi, pakkudes muutujate argumentide loendite jaoks paindlikkust. Mõlemad meetodid suurendavad koodi korduvkasutatavust ja funktsioonide dünaamilist väljakutsumist, olenemata sellest, kas tegemist on kasutajaliidese arenduse või Node.js-i keskkondadega. Puhta ja tõhusa JavaScripti koodi kirjutamiseks on oluline mõista, millal ja kuidas neid meetodeid tõhusalt kasutada.