2016-12-06 18 views
0

私はコンポーネントアーキテクチャープロジェクトに取り組んでいます。このコードを見ました。

clone : function() { 
    return $.extend(true, {}, this); 
} 

これはどういう意味ですか? $.extendを使用してオブジェクトにthisを渡しますか?

答えて

2

cloneは、元のオブジェクトのクローンを作成するオブジェクトのメソッドです。オブジェクトへの参照だけでなく、オブジェクトの実際のコピーを作成する方法だと言えます。したがって、thisは、メソッドが属するオブジェクトを参照します。奇妙だ

var obj = { 
 
    one: 1, 
 
    two: 2, 
 
    three: 3, 
 
    clone: function() { 
 
    return $.extend(true, {}, this); 
 
    } 
 
}; 
 

 
var clone = obj.clone(); 
 

 
obj.one = "one"; 
 

 
console.log(obj); 
 
console.log(clone);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+0

は、なぜjQueryの 'jquery.cloneは()'にのみ使用される限り、私は理解して$ .extend – Devalor

+1

を使用し、すでにjqueryの内のclone()メソッドがありません(必要に応じてデータとイベントを含む)HTML要素を複製し、プレーンなJavaScriptオブジェクトは複製しません。あなたが提供したコードスニペットは、 'clone()'メソッドがどのようなものであるかを示していません。 jQueryドキュメント:.clone()メソッドは、一致した要素のセットの完全コピーを実行します。つまり、一致した要素だけでなく、子孫の要素とテキストノードもすべてコピーします。 – Flyer53

+1

その他:ネイティブのjavascriptオブジェクトには、クローンメソッドがありません。そして、あなたがjQquery $関数で普通のオブジェクトをラップし、その上で '.clone()'を呼び出そうとすると、 'TypeError:elem.cloneNode is not a function 'が得られます。したがって、 '$ .extend()'は、プレーンなjavascriptオブジェクトの実際のコピーを作成するjQueryの方法です。 – Flyer53