JavaScript'te çağrı ile uygulama arasındaki farkı anlamak

İşlev Çağırma için JavaScript'te çağrı ve uygulama Yöntemlerini kullanma

JavaScript Ön Uç Komut Dosyası

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

Esnek Argüman Aktarımı için Function.prototype.apply() işlevinin uygulanması

JavaScript Ön Uç Komut Dosyası

// 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 Arka Uç Örneği Çağrı ve uygulamayı kullanma

Node.js ile JavaScript Arka Uç Komut Dosyası

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

Çağrı ve başvuruyu Dinamik İşlevle birleştirme

JavaScript Tam Yığın Komut Dosyası

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

JavaScript'te çağrı yapma ve başvurma hakkında Sık Sorulan Sorular

1. arasındaki temel fark nedir? call() Ve apply()?
2. Temel fark şudur call() argümanların bir listesini kabul ederken apply() bir dizi argümanı kabul eder.
3. Ne zaman kullanmalısınız? apply() üzerinde call()?
4. Kullanmalısın apply() bir dizi argümanınız olduğunda veya bir işleve değişken sayıda argüman aktarmanız gerektiğinde.
5. Arada performans farkları var mı? call() Ve apply()?
6. Genel olarak aralarında önemli bir performans farkı yoktur. call() Ve apply(). Herhangi bir fark genellikle ihmal edilebilir düzeydedir.
7. Olabilmek apply() Matematik yöntemleriyle birlikte kullanılabilir mi?
8. Evet, apply() gibi Math yöntemlerine bir dizi sayı aktarmak için kullanılabilir Math.max() veya Math.min().
9. Nedir Function.prototype.bind()?
10. bind() çağrıldığında kendine ait yeni bir işlev yaratır. this anahtar kelime, yeni işlev çağrıldığında sağlanan herhangi bir argümandan önce verilen bir argüman dizisi ile sağlanan değere ayarlanır.
11. Nasıl olabilir call() ödünç alma yöntemleri için kullanılabilir mi?
12. Kullanabilirsiniz call() Yöntemleri bir nesneden ödünç almak ve bunları başka bir nesnede kullanmak, işlevi kopyalamadan yöntemin yeniden kullanılmasına izin vermek.
13. Kullanmak mümkün mü call() veya apply() inşaatçılarla mı?
14. Hayır, yapıcılar doğrudan çağrılamaz call() veya apply(). Bunun yerine şunları kullanabilirsiniz: Object.create() miras kalıpları için.
15. Dizi benzeri nesneler nedir ve nasıl yapılır? call() Ve apply() onlarla mı çalışıyorsun?
16. Dizi benzeri nesneler, uzunluk özelliğine ve dizinlenmiş öğelere sahip nesnelerdir. call() Ve apply() bu nesneleri sanki dizilermiş gibi değiştirmek için kullanılabilir.

JavaScript'te çağrı ve uygulama kullanımının özetlenmesi

JavaScript'te, call() Ve apply() kontrol edilmesi açısından önemlidir this işlevler içindeki bağlam. call() bireysel argümanların iletilmesine izin verir, bu da onu bilinen ve sabit argümanlar için uygun hale getirir. Tersine, apply() değişken argüman listeleri için esneklik sağlayan bir dizi argüman alır. Her iki yöntem de, ister ön uç geliştirmede ister Node.js ortamlarında olsun, kodun yeniden kullanılabilirliğini ve dinamik işlev çağrısını geliştirir. Bu yöntemlerin ne zaman ve nasıl etkili bir şekilde kullanılacağını anlamak, temiz ve verimli JavaScript kodu yazmak için çok önemlidir.