Rumah > hujung hadapan web > tutorial js > Analisis perbandingan penggunaan panggilan, gunakan dan ikat dalam pengetahuan javascript_Basic

Analisis perbandingan penggunaan panggilan, gunakan dan ikat dalam pengetahuan javascript_Basic

WBOY
Lepaskan: 2016-05-16 16:14:29
asal
1101 orang telah melayarinya

Berkenaan dengan penggunaan tiga fungsi memanggil, memohon dan mengikat, ia merupakan titik pengetahuan yang tidak dapat diatasi apabila mempelajari bahasa JavaScript. Di bawah saya akan meringkaskan penggunaan setiap tiga dan senario aplikasi biasa.

Pertama lihat fungsi panggilan, yang boleh difahami sebagai "meminjam" dan "meminta". Bayangkan senario berikut: Anda bersendirian dan merayau di luar, dan anda ingin menelefon ke rumah jika sesuatu yang mendesak berlaku, tetapi malangnya, telefon anda kehabisan bayaran, atau kehabisan bateri, atau secara ringkasnya, telefon anda tidak boleh digunakan. Tetapi anda perlu membuat panggilan ini, supaya anda boleh meminjam telefon bimbit rakan, telefon bimbit jiran, atau telefon awam Dengan cara ini, anda boleh membuat panggilan walaupun anda tidak mempunyai telefon bimbit telefon siapa yang anda membuat panggilan, tidak mengapa, kesannya sama seperti memanggil dari telefon bimbit anda sendiri. Niat asal fungsi panggilan adalah serupa dengan ini Di bawah saya menggunakan kod untuk mensimulasikan senario aplikasinya:

Salin kod Kod adalah seperti berikut:

var frog = {
nama : 'katak',
             katakan : function(){
makluman(nama.ini);
}
}
var arnab = {
nama : 'arnab'
}
frog.say.call(rubbit) // arnab

Rubbit adalah objek bisu, tetapi dia ingin menyebut namanya Tidak mustahil untuk mencapainya dengan kemampuannya sendiri. Jadi, rubbit meminta katak untuk merealisasikan hasrat ini. Parameter pertama frog.say.call() mesti diisi dengan orang yang membuat permintaan, yang peguam suka memanggil pelanggan. Di sini rubbit meminta katak menyebut namanya, jadi isikan rubbit. Dengan cara ini, apabila berkata, nama rubbit akan dicari dan bukannya nama katak. Bagaimana rupanya jika saya mengisi katak di sini? Ini seperti meminta diri sendiri untuk melakukan sesuatu untuk diri sendiri makan garam juga tidak mengapa. Anda boleh mencubanya:

Salin kod Kod adalah seperti berikut:

var frog = {
nama : 'katak',
             katakan : function(){
makluman(nama.ini);
}
}
var arnab = {
nama : 'arnab'
}
frog.say.call(frog) // katak

Memberi makan sebungkus garam, anda mesti menyebut nama anda. Mari lihat penggunaan klasik panggilan:

Salin kod Kod adalah seperti berikut:

//Tukar parameter kepada objek tatasusunan sebenar
fungsi frog(){
var arr = [].slice.call(argumen);
console.log(arguments.slice,arr.slice)
// undefined function slice() { [kod asli] }
}
katak(1,2,3,4)

Selepas panggilan sedemikian, kita boleh menggunakan objek argumen sebagai objek tatasusunan. Terdapat banyak kegunaan untuk panggilan Buka kod sumber jquery dan anda boleh mencari banyak aplikasi dengan mudah. Saya tidak akan menyenaraikan mereka semua di sini, tetapi mari kita kembali ke adegan kita sebelum ini Meminjam telefon adalah terlalu mudah bertahun-tahun dan tidak memberi penghormatan yang sewajarnya kepada orang tua. Ia pastinya bagus untuk kembali dan membeli beberapa makanan istimewa tempatan. Tetapi tekanan hidup di luar begitu hebat Selain pergi kerja, anda perlu bekerja lebih masa setiap hari Jumlah wang ini mungkin cukup untuk orang tua tinggal di rumah selama setahun. Saya fikir ia tidak kos efektif, jadi saya terfikir untuk memanggil fungsi ini dan meminta bantuan Ia adalah pilihan yang sangat bijak untuk membawanya kembali dengan saya. Selain itu, tiada caj, tiada had, tiada had berat. dan anda boleh mengambil seberapa banyak yang anda mahu. Biar saya tunjukkan sekali lagi dengan kod:

Salin kod Kod adalah seperti berikut:

var frog = {
nama : 'katak',
Hantar : fungsi(wang,makanan,susu,suagat){
alert(wang makanan susu suagate);
}
}
var arnab = {
nama : 'arnab'
}
frog.send.call(rubbit,'duit','food','milk','suagate')

Jika anda mempunyai wang dan kemahuan, anda juga boleh menghantar beberapa iPhone6 ​​​​plus atau sesuatu kembali. .^_^.

Panggilan hampir tamat pada ketika ini Saya tidak tahu sama ada melodrama di atas membuatkan anda memahami maksud panggilan itu Jika ia hanya membangkitkan rasa rindu anda.

panggilan juga mempunyai saudara seibu yang dipanggil memohon Jika anda faham cara menggunakan panggilan, maka memohon sebenarnya perkara yang sama adalah bahawa memohon tidak suka menyusahkan dan tidak mesra alam. Jadi ia menyediakan kotak besar untuk menyimpan sesuatu, dan anda hanya meletakkan semua perkara yang anda ingin pindahkan ke dalam kotak yang disediakannya. Kotak besar ini adalah array. Contoh di atas, jika digunakan untuk digunakan, akan kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

var frog = {
nama : 'katak',
Hantar : fungsi(wang,makanan,susu,suagat){
alert(wang makanan susu suagate);
}
}
var arnab = {
nama : 'arnab'
}
       //Beri perhatian kepada perbezaan dalam parameter
frog.send.apply(rubbit,['duit','food','milk','suagate'])

Di atas adalah masa lalu dan masa kini untuk memohon dan memanggil. Tetapi mereka tidak pernah menjangka bahawa bapa memohon dan panggilan telah membuat kekayaan dalam hartanah beberapa tahun yang lalu, dan dia juga mempunyai seorang anak tidak sah taraf bernama bind di luar. Walaupun dia debut beberapa tahun kemudian daripada dua abangnya, hubungi dan mohon, kebolehannya tidak boleh dipandang remeh. Bagaimanapun, identitinya tidak dikenali di beberapa tempat. Seperti IE6. Di bawah saya akan menggunakan kod untuk menunjukkan kemahirannya:

Salin kod Kod adalah seperti berikut:

var name = 'rubbit';
var frog = {
nama : 'katak',
           katakan: function(){
             setMasa tamat(fungsi(wang,susu){
amaran(ini.nama susu wang)
               }.ikat (ini, 'wang', 'susu'),1000)
}
}
frog.say();

Melalui perbandingan, kami mendapati bahawa bind boleh digunakan terus selepas function(){}. Ia bersamaan dengan meninggalkan panggilan dan memohon, dan menentukan klien dan parameter untuk dihantar terus selepas fungsi. Dari segi gaya lulus parameter, ia lebih seperti panggilan.

Mengenai bind, mari lihat penggunaan klasik:

Salin kod Kod adalah seperti berikut:

var obj = {
nama : 'katak'
}
document.addEventListener('klik',function(){
​​maklum (nama.ini); // katak
}.bind(obj),false);

Untuk meringkaskan, persamaan antara tiga beradik ini, terapkan, panggil, dan ikat, adalah:

1. Parameter pertama ialah skop terikat, iaitu, wilayah mana kerja sedang dilakukan.

2. Anda boleh lulus parameter

Perbezaannya ialah:

gunakan, panggilan mempunyai keserasian yang lebih baik dan bind tidak disokong oleh beberapa penyemak imbas versi yang lebih rendah.

Parameter yang diluluskan oleh digunakan mesti dibalut dalam tatasusunan, manakala panggil dan ikat menyenaraikan parameter yang akan diluluskan satu persatu.

Adakah anda mempunyai pemahaman yang lebih mendalam tentang penggunaan tiga fungsi memanggil, memohon dan mengikat saya harap artikel ini dapat membantu anda.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan