jQuery.extend関数の使用例を詳しく解説

JQuery の extend メソッド: JQuery の extend メソッドは、プラグインを作成するときによく使用されるメソッドです。このメソッドにはいくつかの
オーバーロード プロトタイプがあります。ここでは、それについて一緒に学びましょう。
1. Jquery の拡張メソッドのプロトタイプは次のとおりです:

extend(dest,src1,src2,src3...); これは、src1、src2、src3... をマージすることを意味します。戻り値はマージされた dest です。このメソッドはマージ後に dest の構造を変更することがわかります。マージされた結果を取得したいが、dest の構造を変更したくない場合は、次のように使用できます:

var newSrc=$.extend({},src1,src2,src3...) )//つまり、dest パラメータとして「{ }」を変更します。

このようにして、src1、src2、src3...をマージし、マージされた結果をnewSrcに返すことができます。例:

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

次にマージします。最終結果

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

つまり、次のパラメーターが前のパラメーターと同じ名前を持つ場合、次のパラメータは、前のパラメータ値を上書きします。省、

2、DEST パラメータの省略

上記 EXTEND メソッドのプロトタイプの DEST パラメータは省略可能で、省略した場合、このメソッドは SRC パラメータを 1 つだけ持つことができ、Extend メソッドを呼び出すために src がマージされます。メソッド

オブジェクト

、例: 1, $.extend(src)
このメソッドは、src を jquery のグローバル オブジェクトにマージします。例:

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

});

はjqueryのグローバルオブジェクトにhelloメソッドをマージすることです。

2. $.fn.extend(src)

このメソッドは、次のように src を jquery インスタンス オブジェクトにマージします。 ');}

});

はhelloメソッドをjqueryインスタンスオブジェクトにマージすることです。

一般的に使用される拡張の例をいくつか示します:

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

これは、jquery グローバル オブジェクト内のネット

名前空間

を拡張します。

$.extend($.net,{

hello:function(){alert('hello');}

})

これは、以前に拡張された Jquery net 名前空間に hello メソッドを拡張するためのものです。で。

3. Jquery の extend メソッドにもオーバーロードされたプロトタイプがあります:

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

最初のパラメータ boolean はディープコピーを実行するかどうかを表します。残りのパラメーターは前に紹介したものと同じです。 ディープ コピーとは何ですか? 例を見てみましょう:

var result=$.extend( true, {},

{ name: "John", location: {city) : " Boston",
count

y:"USA"} },

{ last: "Resig", location: {state: "MA",county:"China"} } );

src1 が確認できます。ネストされたサブオブジェクトの場所: {city: "Boston"}、src2 もネストされたサブオブジェクトの場所: {state: "MA"}、最初のディープ コピー パラメーターが true、マージされた結果は次のようになります:

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

つまり、 will src のネストされたサブオブジェクトもマージされます。最初のパラメーター boolean が false の場合、次のようにマージの結果がどのようになるかを見てみましょう:

var result=$.extend( false, {} ,

{ 名前: "ジョン", 場所:{都市: "ボストン",郡:"アメリカ"} },

{ 姓: "レジグ", 場所: {州: "マサチューセッツ州",郡:"中国"} }
);

合併後の結果は次のようになります:

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

上記は $.extend() がプロジェクトでよく使用される詳細です。

以上がjQuery.extend関数の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。