Bagaimanakah Rangkaian Objek dan Kaedah Berfungsi dalam jQuery?

Memahami Rantaian Objek dan Kaedah dalam jQuery

Perantaian objek dan kaedah ialah konsep asas dalam JavaScript, termasuk jQuery, yang membolehkan ringkas dan kod yang cekap. Ia membolehkan anda memanggil berbilang kaedah pada objek yang sama secara berurutan, tanpa memberikan hasil perantaraan secara eksplisit.

Cara Rantaian Berfungsi

Pada dasarnya, rantaian ialah ciri objek dan kaedah yang mengembalikan objek. Ini bermakna selepas menggunakan kaedah pada objek, objek yang terhasil boleh ditetapkan kepada pembolehubah atau digunakan sebagai hujah kepada kaedah seterusnya.

Pertimbangkan contoh jQuery berikut:

$('myDiv').removeClass('off').addClass('on');

Di sini, removeClass('off') ialah kaedah yang mengalih keluar kelas 'off' daripada elemen yang dipilih. Walau bagaimanapun, daripada memberikan objek yang terhasil kepada pembolehubah, ia dihantar terus sebagai argumen kepada kaedah addClass('on').

Ini mungkin kerana removeClass('off') mengembalikan objek jQuery yang sama mewakili elemen yang dipilih. Akibatnya, anda boleh terus menggunakan kaedah padanya, membentuk rantai.

Manfaat Rantai

Chaining memberikan beberapa faedah:

• Keringkas: Ia membolehkan anda melakukan berbilang operasi pada objek dalam satu baris kod.
• Kebolehbacaan: Kod berangkai selalunya lebih mudah dibaca dan diikuti , kerana ia menunjukkan dengan jelas urutan operasi.
• Kecekapan: Rantaian menghapuskan keperluan untuk mencipta pembolehubah sementara untuk menyimpan hasil perantaraan.

Contoh

Untuk menggambarkan rantaian, pertimbangkan kod berikut:

var obj = {
    first: function() { alert('first'); return obj; },
    second: function() { alert('second'); return obj; },
    third: function() { alert('third'); return obj; }
}

obj.first().second().third();

Kod ini menunjukkan rantaian dengan menggunakan tiga kaedah (pertama, kedua dan ketiga) pada objek yang sama tanpa menyimpan secara eksplisit keputusan pertengahan. Outputnya ialah:

first
second
third

Demo:

Lihat demo di http://jsfiddle.net/5kkCh/ untuk menyaksikan rantaian dalam tindakan.

Atas ialah kandungan terperinci Bagaimanakah Rangkaian Objek dan Kaedah Berfungsi dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!