Memahami Perbezaan Antara panggilan dan gunakan dalam

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.

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 dan dalam JavaScript. Kedua-dua kaedah digunakan untuk memanggil fungsi dengan yang ditentukan konteks. Dalam contoh pertama, call() kaedah digunakan untuk memanggil kaedah pada objek yang berbeza ( dan ), 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 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 kaedah digunakan dalam pelayan HTTP yang dibuat dengan . Contoh ini menyerlahkan bagaimana 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 fungsi. Akhir sekali, contoh bahagian hadapan dan bahagian belakang gabungan mempamerkan cara kedua-duanya dan boleh digunakan dalam fungsi yang lebih dinamik. Dengan menggunakan call() dengan hujah individu dan 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 dan , kaedah ini boleh digabungkan dengan ciri JavaScript lain untuk mencipta kod yang lebih kompleks dan berkuasa. Sebagai contoh, ia sering digunakan bersama-sama dengan , yang mengembalikan fungsi baharu dengan yang ditentukan this nilai. Tidak seperti dan , yang segera menggunakan fungsi, 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 atau untuk mengikat kaedah sementara pada objek lain. Sebagai contoh, kaedah tatasusunan seperti 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.

Apakah perbezaan utama antara dan ?
Perbezaan utama ialah menerima senarai hujah, manakala menerima pelbagai hujah.
Bilakah anda perlu menggunakan habis ?
Anda harus menggunakan apabila anda mempunyai tatasusunan argumen atau perlu menghantar bilangan argumen yang berubah-ubah kepada fungsi.
Adakah terdapat perbezaan prestasi antara dan ?
Secara amnya, tiada perbezaan prestasi yang ketara antara dan . Sebarang perbezaan biasanya boleh diabaikan.
boleh digunakan dengan kaedah Matematik?
ya, boleh digunakan untuk menghantar tatasusunan nombor kepada kaedah Matematik seperti atau .
Apa itu ?
mencipta fungsi baharu yang, apabila dipanggil, mempunyai fungsinya kata kunci ditetapkan kepada nilai yang disediakan, dengan urutan argumen yang diberikan sebelum mana-mana yang disediakan apabila fungsi baharu dipanggil.
Bagaimana boleh digunakan untuk meminjam kaedah?
Anda boleh gunakan untuk meminjam kaedah daripada satu objek dan menggunakannya pada objek lain, membenarkan penggunaan semula kaedah tanpa menyalin fungsi.
Adakah boleh digunakan atau dengan pembina?
Tidak, pembina tidak boleh dipanggil terus atau . Sebaliknya, anda boleh menggunakan untuk corak pewarisan.
Apakah objek seperti tatasusunan, dan bagaimana melakukannya dan bekerja dengan mereka?
Objek seperti tatasusunan ialah objek yang mempunyai sifat panjang dan elemen diindeks. dan boleh digunakan untuk memanipulasi objek ini seolah-olah ia adalah tatasusunan.

Dalam JavaScript, dan adalah penting untuk mengawal konteks dalam fungsi. call() membenarkan hujah individu diluluskan, menjadikannya sesuai untuk hujah yang diketahui dan tetap. Berbeza, 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.

Memahami Perbezaan Antara panggilan dan gunakan dalam JavaScript