JQueryでextendの使用状況を詳細に分析する

この記事では主に JQuery での extend の使い方を紹介します。必要な方は参考にしてください。

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

2, var
new
Src=$.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"}

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

3. 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

location:{city:"Boston"} にネストされたサブオブジェクトがあることがわかります。 src2 location:{ state: "MA"} にもネストされたサブオブジェクトがあり、最初のディープ コピー パラメーターが true の場合、マージされた結果は次のようになります:
コードは次のとおりです:

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

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

コードは次のとおりです:

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

{ name: "ジョン"、場所:{都市: "ボストン"、郡:"アメリカ" } }、

{ 最後: "Resig"、場所: {州: "マサチューセッツ州"、郡:"中国"} } );マージされた結果は次のとおりです:

コードは次のとおりです:

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

以上がJQueryでextendの使用状況を詳細に分析するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。