$lang['tuto'] = "tutorial"; ?>$lang['tuto'] = "tutorial"; ?> Memahami Perbezaan Antara panggilan dan gunakan dalam

Memahami Perbezaan Antara panggilan dan gunakan dalam JavaScript

Memahami Perbezaan Antara panggilan dan gunakan dalam JavaScript
Memahami Perbezaan Antara panggilan dan gunakan dalam JavaScript
Arthur Petit
Rabu, 26 Jun 2024 3:53:21 PTG

Kaedah Invokasi Fungsi dalam JavaScript

Dalam JavaScript, fungsi boleh digunakan dalam pelbagai cara dan dua kaedah yang biasa digunakan ialah `panggil` dan `gunakan`. Kaedah ini membolehkan anda mengawal konteks (nilai `ini`) di mana fungsi itu dilaksanakan. Memahami perbezaan antara `call` dan `apply` adalah penting untuk menulis kod JavaScript yang cekap dan berkesan.

Artikel ini meneroka perbezaan antara `Function.prototype.call()` dan `Function.prototype.apply()` apabila menggunakan fungsi. Kami akan memeriksa sintaks, kes penggunaan dan potensi perbezaan prestasi mereka. Pada penghujung artikel ini, anda akan mempunyai pemahaman yang jelas tentang masa untuk menggunakan `panggil` di atas `mohon` dan begitu juga sebaliknya.

Perintah Penerangan
Function.prototype.call() Memanggil fungsi dengan nilai ini yang diberikan dan hujah yang disediakan secara individu.
Function.prototype.apply() Memanggil fungsi dengan nilai ini yang diberikan, dan argumen disediakan sebagai tatasusunan.
this Merujuk kepada objek dari mana fungsi itu dipanggil, membenarkan penetapan konteks dinamik.
console.log() Mencetak mesej atau pembolehubah ke konsol untuk tujuan penyahpepijatan.
res.writeHead() Menetapkan kod status HTTP dan pengepala respons dalam pelayan Node.js.
res.end() Menamatkan proses respons dalam pelayan Node.js, menandakan bahawa semua data telah dihantar.
http.createServer() Mencipta instance pelayan HTTP dalam Node.js, mendengar permintaan masuk.
listen() Memulakan pelayan HTTP, membenarkan ia mendengar pada port tertentu.

Memahami Penggunaan panggilan dan gunakan dalam JavaScript

Skrip yang disediakan menggambarkan perbezaan antara menggunakan Function.prototype.call() dan Function.prototype.apply() dalam JavaScript. Kedua-dua kaedah digunakan untuk memanggil fungsi dengan yang ditentukan this konteks. Dalam contoh pertama, call() kaedah digunakan untuk memanggil fullName kaedah pada objek yang berbeza (person1 dan person2), menghantar sifat setiap objek sebagai hujah individu. Kaedah ini membolehkan sintaks ringkas apabila bilangan argumen diketahui dan ditetapkan. Contoh kedua menunjukkan penggunaan apply() kaedah, yang serupa dengan call() tetapi mengambil pelbagai hujah dan bukannya hujah individu. Fleksibiliti ini amat berguna apabila bilangan hujah berubah atau datang daripada sumber tatasusunan.

Dalam contoh hujung belakang Node.js, the call() kaedah digunakan dalam pelayan HTTP yang dibuat dengan http.createServer(). Contoh ini menyerlahkan bagaimana this konteks boleh dimanipulasi dalam JavaScript sisi pelayan untuk bertindak balas secara dinamik kepada permintaan HTTP. Pelayan bertindak balas dengan ucapan, menunjukkan bagaimana call() kaedah boleh mengubah konteks greet fungsi. Akhir sekali, contoh bahagian hadapan dan bahagian belakang gabungan mempamerkan cara kedua-duanya call() dan apply() boleh digunakan dalam fungsi yang lebih dinamik. Dengan menggunakan call() dengan hujah individu dan apply() dengan pelbagai hujah, skrip menjana butiran pengguna secara dinamik, menggambarkan aplikasi praktikal kaedah ini dalam pembangunan JavaScript sisi klien dan pelayan.

Menggunakan panggilan dan gunakan Kaedah dalam JavaScript untuk Invocation Fungsi

Skrip Hadapan JavaScript

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

Menggunakan Function.prototype.apply() untuk Hantaran Hujah Fleksibel

Skrip Hadapan JavaScript

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

Contoh Backend Node.js Menggunakan panggilan dan gunakan

Skrip Bahagian Belakang JavaScript dengan 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/');

Menggabungkan panggilan dan memohon dengan Fungsi Dinamik

Skrip Timbunan Penuh JavaScript

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

Meneroka Manipulasi Konteks dalam JavaScript

Di luar penggunaan asas call() dan apply(), kaedah ini boleh digabungkan dengan ciri JavaScript lain untuk mencipta kod yang lebih kompleks dan berkuasa. Sebagai contoh, ia sering digunakan bersama-sama dengan bind(), yang mengembalikan fungsi baharu dengan yang ditentukan this nilai. Tidak seperti call() dan apply(), yang segera menggunakan fungsi, bind() boleh digunakan untuk mencipta fungsi terikat yang boleh dipanggil kemudian dengan konteks yang konsisten. Ini amat berguna dalam pengendalian acara, di mana anda mungkin mahu memastikan fungsi mengekalkan konteks objek tertentu walaupun apabila ia dilaksanakan dalam persekitaran yang berbeza.

Satu lagi kes penggunaan lanjutan melibatkan kaedah peminjaman daripada satu objek untuk digunakan dengan yang lain. Ini boleh dicapai dengan menggunakan call() atau apply() untuk mengikat kaedah sementara pada objek lain. Sebagai contoh, kaedah tatasusunan seperti slice() atau push() boleh dipinjam dan digunakan pada objek seperti tatasusunan seperti objek argumen dalam fungsi. Teknik ini membolehkan lebih fleksibiliti dan kebolehgunaan semula kod, kerana ia membolehkan kaedah dikongsi merentasi objek berbeza tanpa pertindihan.

Soalan Lazim Mengenai panggilan dan mohon dalam JavaScript

  1. Apakah perbezaan utama antara call() dan apply()?
  2. Perbezaan utama ialah call() menerima senarai hujah, manakala apply() menerima pelbagai hujah.
  3. Bilakah anda perlu menggunakan apply() habis call()?
  4. Anda harus menggunakan apply() apabila anda mempunyai tatasusunan argumen atau perlu menghantar bilangan argumen yang berubah-ubah kepada fungsi.
  5. Adakah terdapat perbezaan prestasi antara call() dan apply()?
  6. Secara amnya, tiada perbezaan prestasi yang ketara antara call() dan apply(). Sebarang perbezaan biasanya boleh diabaikan.
  7. boleh apply() digunakan dengan kaedah Matematik?
  8. ya, apply() boleh digunakan untuk menghantar tatasusunan nombor kepada kaedah Matematik seperti Math.max() atau Math.min().
  9. Apa itu Function.prototype.bind()?
  10. bind() mencipta fungsi baharu yang, apabila dipanggil, mempunyai fungsinya this kata kunci ditetapkan kepada nilai yang disediakan, dengan urutan argumen yang diberikan sebelum mana-mana yang disediakan apabila fungsi baharu dipanggil.
  11. Bagaimana boleh call() digunakan untuk meminjam kaedah?
  12. Anda boleh gunakan call() untuk meminjam kaedah daripada satu objek dan menggunakannya pada objek lain, membenarkan penggunaan semula kaedah tanpa menyalin fungsi.
  13. Adakah boleh digunakan call() atau apply() dengan pembina?
  14. Tidak, pembina tidak boleh dipanggil terus call() atau apply(). Sebaliknya, anda boleh menggunakan Object.create() untuk corak pewarisan.
  15. Apakah objek seperti tatasusunan, dan bagaimana melakukannya call() dan apply() bekerja dengan mereka?
  16. Objek seperti tatasusunan ialah objek yang mempunyai sifat panjang dan elemen diindeks. call() dan apply() boleh digunakan untuk memanipulasi objek ini seolah-olah ia adalah tatasusunan.

Merumuskan Penggunaan panggilan dan memohon dalam JavaScript

Dalam JavaScript, call() dan apply() adalah penting untuk mengawal this konteks dalam fungsi. call() membenarkan hujah individu diluluskan, menjadikannya sesuai untuk hujah yang diketahui dan tetap. Berbeza, apply() mengambil pelbagai hujah, memberikan fleksibiliti untuk senarai hujah berubah-ubah. Kedua-dua kaedah meningkatkan kebolehgunaan semula kod dan penggunaan fungsi dinamik, sama ada dalam pembangunan frontend atau persekitaran Node.js. Memahami masa dan cara menggunakan kaedah ini dengan berkesan adalah penting untuk menulis kod JavaScript yang bersih dan cekap.