„JavaScript“ skirtumo tarp skambučio ir taikymo supratimas

Skambučių ir metodų taikymas „JavaScript“ funkcijų iškvietimui

„JavaScript“ sąsajos scenarijus

// 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() taikymas lanksčiam argumentų perdavimui

„JavaScript“ sąsajos scenarijus

// 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 Backend pavyzdys Iškviesti ir taikyti

JavaScript Backend scenarijus su 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/');

Skambinimo ir prašymo derinimas su dinamine funkcija

„JavaScript“ viso kamino scenarijus

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

Įprasti klausimai apie skambinimą ir paraišką „JavaScript“.

1. Koks yra pagrindinis skirtumas tarp call() ir apply()?
2. Pagrindinis skirtumas yra tas call() priima argumentų sąrašą, tuo tarpu apply() priima daugybę argumentų.
3. Kada turėtumėte naudoti apply() baigta call()?
4. Turėtumėte naudoti apply() kai turite argumentų masyvą arba funkcijai turite perduoti kintamą argumentų skaičių.
5. Ar yra našumo skirtumų tarp call() ir apply()?
6. Paprastai tarp jų nėra didelių našumo skirtumų call() ir apply(). Bet kokie skirtumai paprastai yra nereikšmingi.
7. Gali apply() naudoti su matematikos metodais?
8. taip, apply() gali būti naudojamas perduoti skaičių masyvą matematikos metodams, pvz Math.max() arba Math.min().
9. Kas yra Function.prototype.bind()?
10. bind() sukuria naują funkciją, kurią iškvietus ji turi this raktinis žodis, nustatytas į pateiktą reikšmę, su nurodyta argumentų seka prieš bet kurį pateiktą, kai iškviečiama nauja funkcija.
11. Kaip gali call() panaudoti metodams pasiskolinti?
12. Tu gali naudoti call() pasiskolinti metodus iš vieno objekto ir naudoti juos kitame objekte, leidžiantį pakartotinai naudoti metodą nenukopijuojant funkcijos.
13. Ar galima naudoti call() arba apply() su konstruktoriais?
14. Ne, negalima tiesiogiai iškviesti konstruktorių call() arba apply(). Vietoj to galite naudoti Object.create() paveldėjimo modeliams.
15. Kas yra į masyvą panašūs objektai ir kaip tai padaryti call() ir apply() dirbti su jais?
16. Į masyvą panašūs objektai yra objektai, turintys ilgio savybę ir indeksuotus elementus. call() ir apply() gali būti naudojamas manipuliuoti šiais objektais taip, tarsi jie būtų masyvai.

„JavaScript“ iškvietimo ir taikymo naudojimo apibendrinimas

„JavaScript“, call() ir apply() yra būtini norint kontroliuoti this funkcijų kontekste. call() leidžia perduoti atskirus argumentus, todėl tinka žinomiems ir fiksuotiems argumentams. Priešingai, apply() paima daugybę argumentų, suteikiančių lankstumo kintamiesiems argumentų sąrašams. Abu metodai pagerina kodo pakartotinį naudojimą ir dinaminių funkcijų iškvietimą, nesvarbu, ar tai būtų sąsaja, ar Node.js aplinkoje. Norint rašyti švarų ir efektyvų „JavaScript“ kodą, labai svarbu suprasti, kada ir kaip efektyviai naudoti šiuos metodus.