Razumevanje razlike med klicem in uveljavitvijo v JavaScriptu

Uporaba klicnih in uporabnih metod v JavaScriptu za priklic funkcij

JavaScript čelni 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

Uporaba Function.prototype.apply() za prilagodljivo posredovanje argumentov

JavaScript čelni 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

Primer ozadja Node.js Uporaba klica in uporabe

Zaledni skript JavaScript z 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/');

Združevanje klica in uporabe z dinamično funkcijo

JavaScript Full Stack Script

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

Pogosta vprašanja o klicu in prijavi v JavaScriptu

1. Kaj je glavna razlika med call() in apply()?
2. Glavna razlika je v tem call() sprejme seznam argumentov, medtem ko apply() sprejme vrsto argumentov.
3. Kdaj morate uporabiti apply() čez call()?
4. Moral bi uporabiti apply() ko imate niz argumentov ali morate funkciji posredovati spremenljivo število argumentov.
5. Ali obstajajo razlike v uspešnosti med call() in apply()?
6. Na splošno ni bistvenih razlik med zmogljivostmi call() in apply(). Morebitne razlike so običajno zanemarljive.
7. Lahko apply() uporabljati z matematičnimi metodami?
8. ja apply() se lahko uporablja za posredovanje niza števil matematičnim metodam, kot je Math.max() oz Math.min().
9. Kaj je Function.prototype.bind()?
10. bind() ustvari novo funkcijo, ki ima ob klicu svojo this ključna beseda, nastavljena na podano vrednost, z danim zaporedjem argumentov pred katerim koli podanim, ko je nova funkcija priklicana.
11. Kako lahko call() uporabiti za izposojo metod?
12. Lahko uporabiš call() za izposojo metod iz enega objekta in njihovo uporabo na drugem objektu, kar omogoča ponovno uporabo metode brez kopiranja funkcije.
13. Ali je možno uporabiti call() oz apply() s konstruktorji?
14. Ne, konstruktorjev ni mogoče neposredno klicati call() oz apply(). Namesto tega lahko uporabite Object.create() za vzorce dedovanja.
15. Kaj so predmeti, podobni nizu, in kako call() in apply() delati z njimi?
16. Matrikam podobni objekti so objekti, ki imajo lastnost dolžine in indeksirane elemente. call() in apply() se lahko uporablja za manipulacijo teh predmetov, kot da bi bili nizi.

Povzemanje uporabe call in apply v JavaScriptu

V JavaScriptu call() in apply() so bistveni za nadzor nad this kontekst znotraj funkcij. call() omogoča posredovanje posameznih argumentov, zaradi česar je primeren za znane in fiksne argumente. V nasprotju, apply() sprejme niz argumentov, kar zagotavlja prilagodljivost za spremenljive sezname argumentov. Obe metodi izboljšujeta ponovno uporabnost kode in dinamično klicanje funkcij, ne glede na to, ali se razvijajo v čelnem okolju ali okoljih Node.js. Razumevanje, kdaj in kako učinkovito uporabiti te metode, je ključnega pomena za pisanje čiste in učinkovite kode JavaScript.