


Bagaimana untuk memanggil fungsi dengan bahagian yang dilampirkan pada parameter dalam JavaScript?
Dalam JavaScript, anda boleh memanggil fungsi dengan menghantar parameter kepadanya. Walau bagaimanapun, kadangkala perlu untuk memanggil fungsi dengan beberapa parameter yang telah diisi. Ini boleh dilakukan menggunakan teknik yang dipanggil aplikasi fungsi separa.
Apakah aplikasi fungsi separa?
Aplikasi fungsi separa ialah cara untuk mencipta fungsi baharu dengan "pra-populasi" beberapa parameter fungsi sedia ada. Ini berguna apabila anda ingin mencipta fungsi baharu yang serupa dengan fungsi sedia ada tetapi mempunyai beberapa parameter yang ditetapkan.
Sebagai contoh, katakan anda mempunyai fungsi yang mengira luas segi empat tepat. Fungsi ini mengambil dua parameter - lebar dan ketinggian segi empat tepat.
Sekarang bayangkan anda ingin mencipta fungsi baharu untuk mengira luas segi empat sama. Fungsi baharu ini akan serupa dengan fungsi sedia ada, tetapi ia hanya memerlukan satu parameter - sisi segi empat sama.
Di sinilah apl fungsi separa masuk. Anda boleh menggunakan apl fungsi separa untuk mencipta fungsi baharu yang merupakan versi "separa" bagi fungsi sedia ada. Fungsi baharu ini akan mempunyai parameter pertama (lebar) telah ditetapkan, dan hanya memerlukan parameter kedua (ketinggian).
Bagaimana untuk menggunakan aplikasi fungsi separa dalam JavaScript?
Terdapat beberapa cara berbeza untuk menggunakan aplikasi fungsi separa dalam JavaScript.
Kaedah 1
Kaedah yang paling biasa ialah menggunakan kaedah bind().
Kaedahbind() ialah cara untuk mencipta fungsi baharu daripada fungsi sedia ada. Kaedah bind() mengambil dua parameter: fungsi yang akan diikat, dan nilai yang akan diikat pada argumen pertama fungsi tersebut.
Sebagai contoh, katakan anda mempunyai fungsi berikut -
function add(a, b) { return a + b; }
Anda boleh menggunakan kaedah bind() untuk mencipta fungsi baharu dengan set parameter pertama (a).
var add5 = add.bind(null, 5);
Kini fungsi add5 boleh digunakan seperti ini -
<!doctype html> <html> <head> <title>Examples</title> </head> <body> <div id="result"></div> <script> function add(a, b) { return a + b; } var add5 = add.bind(null, 5); document.getElementById("result").innerHTML = add5(10) </script> </body> </html>
Seperti yang anda lihat, parameter pertama (5) ditetapkan dan parameter kedua (10) dihantar ke fungsi add5.
Kaedah 2
Cara lain untuk menggunakan aplikasi fungsi separa ialah mencipta fungsi yang menerima fungsi dan nilai sedia ada dan mengembalikan fungsi baharu dengan argumen pertama set fungsi sedia ada.
Sebagai contoh, anda boleh menulis fungsi seperti ini -
function bind(fn, val) { return function() { return fn.apply(null, [val].concat(Array.prototype.slice.call(arguments))); }; }
Fungsi ini mengambil fungsi dan nilai sedia ada serta mengembalikan fungsi baharu yang nilainya terikat pada hujah pertama fungsi sedia ada.
Sebagai contoh, anda boleh menggunakan fungsi bind() untuk mencipta fungsi baharu seperti ini -
var add5 = bind(add, 5);
Kini fungsi add5 boleh digunakan seperti ini -
<!doctype html> <html> <head> <title>Examples</title> </head> <body> <div id="result"></div> <script> function add(a, b) { return a + b; } function bind(fn, val) { return function() { return fn.apply(null, [val].concat(Array.prototype.slice.call(arguments))); }; } var add5 = add.bind(add, 5); document.getElementById("result").innerHTML = add5(10) </script> </body> </html>
Seperti yang anda lihat, parameter pertama (5) ditetapkan dan parameter kedua (10) dihantar ke fungsi add5.
Aplikasi fungsi separa ialah teknik yang berguna untuk mencipta fungsi baharu daripada fungsi sedia ada. Ia boleh digunakan untuk mencipta fungsi yang serupa dengan fungsi sedia ada, tetapi dengan beberapa parameter telah ditetapkan.
Atas ialah kandungan terperinci Bagaimana untuk memanggil fungsi dengan bahagian yang dilampirkan pada parameter dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.

Artikel ini meneroka penggunaan rangka koleksi Java yang berkesan. Ia menekankan memilih koleksi yang sesuai (senarai, set, peta, giliran) berdasarkan struktur data, keperluan prestasi, dan keselamatan benang. Mengoptimumkan penggunaan pengumpulan melalui cekap

Sebaik sahaja anda telah menguasai tutorial TypeScript peringkat kemasukan, anda harus dapat menulis kod anda sendiri dalam IDE yang menyokong TypeScript dan menyusunnya ke dalam JavaScript. Tutorial ini akan menyelam ke dalam pelbagai jenis data dalam TypeScript. JavaScript mempunyai tujuh jenis data: null, undefined, boolean, nombor, rentetan, simbol (diperkenalkan oleh ES6) dan objek. Typescript mentakrifkan lebih banyak jenis atas dasar ini, dan tutorial ini akan meliputi semuanya secara terperinci. Jenis data null Seperti JavaScript, Null dalam TypeScript

Tutorial ini akan menerangkan cara membuat carta pai, cincin, dan gelembung menggunakan carta.js. Sebelum ini, kami telah mempelajari empat jenis carta carta.js: carta baris dan carta bar (tutorial 2), serta carta radar dan carta rantau polar (Tutorial 3). Buat carta pai dan cincin Carta pai dan carta cincin sangat sesuai untuk menunjukkan perkadaran keseluruhan yang dibahagikan kepada bahagian yang berlainan. Sebagai contoh, carta pai boleh digunakan untuk menunjukkan peratusan singa lelaki, singa wanita dan singa muda dalam safari, atau peratusan undi yang diterima oleh calon yang berbeza dalam pilihan raya. Carta pai hanya sesuai untuk membandingkan parameter tunggal atau dataset. Harus diingat bahawa carta pai tidak dapat menarik entiti dengan nilai sifar kerana sudut kipas dalam carta pai bergantung pada saiz berangka titik data. Ini bermaksud mana -mana entiti dengan perkadaran sifar
