Pochopení rozdílu mezi voláním a aplikací v JavaScriptu

Využití metod volání a aplikace v JavaScriptu pro vyvolání funkcí

JavaScript frontend 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

Použití Function.prototype.apply() pro flexibilní předávání argumentů

JavaScript frontend 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

Příklad backendu Node.js Použití volání a aplikace

JavaScript Backend Script s 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/');

Kombinace volání a žádosti s dynamickou funkcí

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.

Běžné otázky o volání a žádosti v JavaScriptu

1. Jaký je hlavní rozdíl mezi call() a apply()?
2. Hlavní rozdíl je v tom call() přijímá seznam argumentů, zatímco apply() přijímá řadu argumentů.
3. Kdy byste měli použít apply() přes call()?
4. Měli byste použít apply() když máte pole argumentů nebo potřebujete předat funkci proměnný počet argumentů.
5. Jsou mezi nimi výkonnostní rozdíly call() a apply()?
6. Obecně mezi nimi nejsou žádné významné rozdíly ve výkonu call() a apply(). Případné rozdíly jsou většinou zanedbatelné.
7. Umět apply() použít s matematickými metodami?
8. Ano, apply() lze použít k předání řady čísel matematickým metodám, jako je Math.max() nebo Math.min().
9. co je Function.prototype.bind()?
10. bind() vytvoří novou funkci, která po zavolání má své this klíčové slovo nastavené na zadanou hodnotu s danou posloupností argumentů předcházejících libovolnému zadanému při volání nové funkce.
11. Jak může call() použít k vypůjčení metod?
12. Můžeš použít call() vypůjčit si metody z jednoho objektu a použít je na jiném objektu, což umožňuje opětovné použití metody bez kopírování funkce.
13. Je možné použít call() nebo apply() s konstruktéry?
14. Ne, konstruktory nelze přímo volat pomocí call() nebo apply(). Místo toho můžete použít Object.create() pro vzory dědičnosti.
15. Co jsou objekty podobné poli a jak to udělat call() a apply() pracovat s nimi?
16. Objekty podobné poli jsou objekty, které mají vlastnost length a indexované prvky. call() a apply() lze použít k manipulaci s těmito objekty, jako by to byly pole.

Shrnutí použití volání a aplikace v JavaScriptu

v JavaScriptu call() a apply() jsou nezbytné pro ovládání this kontextu ve funkcích. call() umožňuje předávání jednotlivých argumentů, takže je vhodný pro známé a pevné argumenty. V porovnání, apply() přebírá řadu argumentů, což poskytuje flexibilitu pro variabilní seznamy argumentů. Obě metody zlepšují znovupoužitelnost kódu a dynamické vyvolávání funkcí, ať už ve vývoji frontendu nebo v prostředích Node.js. Pochopení, kdy a jak tyto metody efektivně používat, je klíčové pro psaní čistého a efektivního kódu JavaScript.