Ketika mencari cara merancang API JavaScript, saya menemukan rantai metode, yang tampaknya sangat kuat dan menarik, dan hal ini juga merupakan sesuatu yang sering kita lihat di masa lalu. .
JavaScript Metode Rantai
Ada penjelasan tentang Wikipedia:
Salinan kode adalah sebagai berikut:
Metode chaining, juga dikenal sebagai idiom parameter bernama, adalah sintaks umum untuk memohon beberapa panggilan metode dalam bahasa pemrograman yang berorientasi objek. Setiap metode mengembalikan suatu objek, yang memungkinkan panggilan untuk dirantai bersama dalam satu pernyataan. Gereja adalah gula sintaksis yang menghilangkan kebutuhan variabel menengah. Rantai metode juga dikenal sebagai kecelakaan kereta api karena peningkatan jumlah metode yang datang satu demi satu di garis yang sama yang terjadi karena lebih banyak metode dirantai bersama meskipun jeda garis sering ditambahkan di antara metode.
Saya menggunakan alat terjemahan untuk menerjemahkan:
Salinan kode adalah sebagai berikut:
Rantai metode, juga dikenal sebagai metode parameter bernama, adalah sintaks umum untuk memanggil beberapa metode dalam bahasa pemrograman yang berorientasi objek. Setiap metode mengembalikan objek yang memungkinkan ponsel dihubungkan bersama dalam satu deklarasi. Tautan adalah gula sintaksis, menghilangkan kebutuhan variabel menengah. Rantai metode juga disebut kecelakaan kereta api karena metode terjadi satu demi satu dan lebih dari satu metode terkunci bahkan jika Newline biasanya ditambahkan di antara metode.
Metode Penggunaan Rantai
Diperkirakan bahwa yang menggunakan rantai metode terbanyak harus menjadi jQuery.
Salinan kode adalah sebagai berikut:
// rantai
$ ("#orang"). Slidedown ('Slow')
.addclass ('dikelompokkan')
.css ('margin-left', '11px');
Kita bisa menyebutnya menggunakan penggunaan ini. JQuery sangat bergantung pada tautan. Ini membuatnya mudah untuk menyebut beberapa metode pilihan yang sama. Ini juga membuat kode lebih jelas dan mencegah pilihan yang sama dari dieksekusi beberapa kali (meningkatkan kinerja). Ketika tidak ada rantai metode, sepertinya berikut ini
Salinan kode adalah sebagai berikut:
var p = $ ('#orang');
p.slidedown ('lambat');
p.addclass ('dikelompokkan');
p.css ('margin-left', '11px');
Ini terlihat sangat mirip dengan pembangun dalam pola desain. Perbedaannya adalah bahwa P di sini adalah metode, bukan kelas.
Contoh Rantai Metode JavaScript
Ketika kami berbicara tentang fungsi orde tinggi JavaScript sebelumnya, kami berbicara tentang cetak ('halo') ('dunia'), dan hasil penggunaan ini mungkin menjadi seperti ini.
Salinan kode adalah sebagai berikut:
fungsi f (i) {
fungsi pengembalian (e) {
i+= e;
fungsi pengembalian (e) {
i+= e;
fungsi pengembalian (e) {
waspada (i+e);
};
};
};
};
f (1) (2) (3) (4); // 10
Ini adalah contoh online, tetapi juga cara saya menulis panggilan rantai terakhir kali. Terlihat lemah.
Salinan kode adalah sebagai berikut:
var func = (function () {
kembali{
tambahkan: function () {
console.log ('1');
kembali{
Hasil: function () {
console.log ('2');
}
}
}
}
}) ();
func.add (). result ();
Bahkan, harus ada pengembalian ini di setiap fungsi, jadi ada:
Salinan kode adalah sebagai berikut:
Func = (function () {
this.add = function () {
console.log ('1');
kembalikan ini;
};
this.result = function () {
console.log ('2');
kembalikan ini;
};
kembalikan ini;
});
var func = func baru ();
func.add (). result ();
Tentu saja kami juga dapat menempatkan dua kalimat terakhir
Salinan kode adalah sebagai berikut:
var func = func baru ();
func.add (). result ();
menjadi
Salinan kode adalah sebagai berikut:
func baru (). add (). result ();
lainnya
Akhirnya sebagai perbandingan kecil dari tempat yang membingungkan:
Rantai metode vs rantai prototipe
Rantai prototipe dan rantai metode serupa dalam beberapa aspek, tetapi perbedaannya mungkin itu
1. Rantai prototipe membutuhkan prototipe
2. Rantai metode adalah metode