jQuery.extend fungsi dan butiran penggunaan_jquery

Penjelasan terperinci tentang fungsi jquery.extend

Kaedah lanjutan JQuery:

Kaedah lanjutan Jquery ialah kaedah yang biasa digunakan apabila kita menulis pemalam Kaedah ini mempunyai beberapa prototaip yang berlebihan Di sini, mari kita pelajari tentangnya.

1. Prototaip kaedah sambungan Jquery ialah:

extend(dest,src1,src2,src3...);

Maksudnya adalah untuk menggabungkan src1, src2, src3... menjadi dest, dan nilai pulangan ialah dest yang digabungkan Dapat dilihat bahawa kaedah ini mengubah struktur dest selepas bergabung. Jika anda ingin mendapatkan hasil gabungan tetapi tidak mahu mengubah suai struktur dest, anda boleh menggunakannya seperti berikut:

var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数

Dengan cara ini, src1, src2, src3... boleh digabungkan, dan kemudian hasil gabungan akan dikembalikan kepada newSrc. Contohnya:

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

Kemudian hasil gabungan

result={name:"Jerry",age:21,sex:"Boy"}

Maksudnya, jika parameter kemudian mempunyai nama yang sama dengan parameter sebelumnya, maka parameter kemudian akan menimpa nilai parameter sebelumnya.

2 Abaikan parameter dest

Parameter dest dalam prototaip kaedah lanjutan yang disebutkan di atas boleh ditinggalkan Jika ia ditinggalkan, kaedah hanya boleh mempunyai satu parameter src dan src digabungkan ke dalam objek yang memanggil kaedah lanjutan, seperti:

1. $.extend(src)

Kaedah ini adalah untuk menggabungkan src ke dalam objek global jquery, seperti:

 $.extend({
 hello:function(){alert('hello');}
 });

adalah untuk menggabungkan kaedah hello ke dalam objek global jquery.

2. $.fn.extend(src)

Kaedah ini menggabungkan src ke dalam objek contoh jquery, seperti:

 $.fn.extend({
 hello:function(){alert('hello');}
 });

adalah untuk menggabungkan kaedah hello ke dalam objek contoh jquery.

Berikut ialah beberapa contoh sambungan yang biasa digunakan:

$.extend({net:{}});

Ini adalah untuk memanjangkan ruang nama bersih dalam objek global jquery.

 $.extend($.net,{
  hello:function(){alert('hello');}
 })

Ini adalah untuk melanjutkan kaedah hello ke dalam ruang nama bersih Jquery yang telah dilanjutkan sebelum ini.

3. Kaedah lanjutan Jquery juga mempunyai prototaip yang berlebihan:

extend(boolean,dest,src1,src2,src3...)

Boolean parameter pertama mewakili sama ada untuk melakukan salinan dalam Parameter lain adalah sama seperti yang diperkenalkan sebelum ini. Mari kita lihat contoh:

var result=$.extend( true, {}, 
  { name: "John", location: {city: "Boston",county:"USA"} }, 
  { last: "Resig", location: {state: "MA",county:"China"} } );

Kita dapat melihat bahawa sub-objek lokasi:{city:"Boston"} bersarang dalam src1 dan sub-objek lokasi:{state:"MA"},The parameter salinan dalam pertama adalah benar, maka hasil gabungan ialah:

result={name:"John",last:"Resig",
    location:{city:"Boston",state:"MA",county:"China"}}

var result=$.extend( false, {}, 
{ name: "John", location:{city: "Boston",county:"USA"} }, 
{ last: "Resig", location: {state: "MA",county:"China"} } 
          ); 

 result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

Jenis pemalam jQuery

Penjelasan terperinci tentang penggunaan fungsi jquery.extend

1. Lanjutkan kaedah statik jQuery.

$.extend({
test:function(){alert('test函数')}
})

2. Gabungkan berbilang objek

 // 以前的 .extend()  
  jQuery.extend(  
   { name: “John”, location: { city: “Boston” } },  
   { last: “Resig”, location: { state: “MA” } }  
  );  
   // 结果:  
   // => { name: “John”, last: “Resig”, location: { state: “MA” } }
  // 新的更深入的 .extend()  
  jQuery.extend( true,  
  { name: “John”, location: { city: “Boston” } },  
   { last: “Resig”, location: { state: “MA” } }  
 );  
 // 结果  
  // => { name: “John”, last: “Resig”,  
 //   location: { city: “Boston”, state: “MA” } }