Bla Bla Bla..

Baiklah, Dengarkan saya..!!

Beratus-ratus blog dan tutorial menerangkan panggilan, ikat dan gunakan. Malah, ChatGPT dan Copilot boleh memudahkannya untuk anda!

Jadi kenapa jawatan lain? Nah, yang ini bukan untuk _anda_ini nota diri saya semasa saya menyemak semula asas JavaScript.

Walaupun selepas 8 tahun dalam pembangunan front-end, saya kadang-kadang mencampurkan kaedah ini. Ternyata, kekeliruan sering berpunca daripada cara mereka dikumpulkan dalam soalan temu bual. Biar saya pecahkan untuk anda kali ini, dengan cara yang melekat.

Bolehkah kita melangkau ke bahagian yang baik.

Mengapa ia sentiasa memanggil, mengikat dan memohon dalam temu duga? Secara fungsional, panggil dan gunakan adalah lebih dekat mereka menggunakan fungsi dengan serta-merta manakala bind mengembalikan fungsi baharu. Itulah sebabnya saya telah mengumpulkan mereka dengan cara ini dalam tajuk.

Mari kita lihat penggunaannya untuk memahaminya dengan lebih baik.

Apakah yang biasa di kalangan Panggil, Ikat & Mohon?

call , bind , dan apply ialah kaedah yang tersedia pada fungsi yang membolehkan anda menetapkan nilai ini dan lulus secara eksplisit hujah kepada fungsi.

Apakah perbezaan antara Call, Bind & Apply?

Semasa Panggil dan Gunakan Segera menggunakan fungsi tersebut, kaedah Bind tidak akan menggunakan fungsi tersebut dengan serta-merta. sebaliknya, ia mengembalikan fungsi baharu dengan ini ditetapkan kepada nilai yang ditentukan dan fungsi yang dikembalikan ini boleh digunakan/dilaksanakan kemudian.

Apakah perbezaan antara Panggilan dan Mohon?

Sementara kedua-dua Panggil dan Guna serta-merta menggunakan fungsi dengan tersuai ini, cara mereka mengambil hujah tambahan yang membezakannya.

Semasa Call mengambil hujah individu, Apply mengambil pelbagai hujah.

Contoh

Mari lihat hujah di bawah untuk memahami penggunaan panggilan, gunakan dan ikat.

function Greetings(greeting,punctuation){
    return `${greeting} ${this.name} ${punctuation}`
}

var person = {
    name : "Nandan"
}

// Call: Immediately invokes the function with individual arguments
console.log(Greetings.call(person,"Hello","!")); // Output : Hello Nandan !

// Apply: Immediately invokes the function, but takes arguments as an array
console.log(Greetings.apply(person,["Hello","!"])); // Output : Hello Nandan !

// Bind: Returns a new function with `this` bound to the specified value
let greet = Greetings.bind(person,"Hello","!");
console.log(greet()); // Output : Hello Nandan !

//Note:
console.log(Greetings.bind(person,"Hello","!")); // Output : It will return a function

Beberapa Contoh Tambahan

Menggunakan panggilan : Kaedah peminjaman daripada objek lain:

let person1 = { name: "Nandan" };
let person2 = { name: "Kumar" };

function introduce() {
    console.log(`Hi, my name is ${this.name}`);
}

introduce.call(person1); // Hi, my name is Nandan
introduce.call(person2); // Hi, my name is Kumar

Menggunakan gunakan : Mencari nilai maksimum dalam tatasusunan:

let numbers = [1, 2, 3, 4, 5];
console.log(Math.max.apply(null, numbers)); // 5

Menggunakan mengikat : Pengendalian acara dengan tersuai ini:

let button = document.getElementById("myButton");
let user = {
    name: "Nandan",
    greet() {
        console.log(`Hello, ${this.name}`);
    }
};

button.addEventListener("click", user.greet.bind(user));

Selain itu, saya harap jadual ini akan membantu anda memahaminya dengan lebih baik.

Itu sahaja, kawan-kawan! Saya harap anda mendapati nota ringkas ini tentang Panggilan, Mohon & Ikat membantu. Jika anda menikmati ini, lihat lebih banyak artikel di tapak web saya, https://nandan.dev/

Jangan ragu untuk mengulas, e-mel saya di connect@nandan.dev, atau berhubung dengan saya di Twitter, Instagram atau GitHub. Jangan lupa untuk melanggan surat berita saya untuk kemas kini tetap mengenai topik JavaScript!

Twitter | Instagram | Github | Tapak web

Atas ialah kandungan terperinci Satu lagi blog mengenai Panggil, Mohon & Ikat..!!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!