Javascriptオブジェクトの割り当てgottcha

Question

データテーブルの並べ替えボタンをビルドしているうちに、これが表示されました。私は、各ソート・ボタンを、DESC（ソート・ダウン）とASC（ソート・アップ）と非アクティブ（デフォルトのソート）の間で切り替えたいと思っていました。

だから私は、1つのプログラムが進行し、1だからあなたはそれがすべてのように動作していることがわかります値

var model = { 
 
    order: { 
 
    field: 'creationDate', 
 
    direction: 'DESC' 
 
    }, 
 
    orderDefault: { 
 
    field: 'creationDate', 
 
    direction: 'DESC' 
 
    } 
 
} 
 

 
$('button').click(function() { 
 
    if (model.order.field == "creationDate") { 
 
    model.order.field = 'newField' 
 
    } else if (model.order.direction == 'DESC') { 
 
    model.order.direction = 'ASC' 
 
    } else { 
 
// This casuses the orderDefault object to be a clone of the order object 
 
// so assignment of values in model.order are refelected in model.orderDefault GOTCHA!!!! 
 
    model.order = model.orderDefault 
 
    } 
 
    $('#result').html('field:' + model.order.field + " direction:" + model.order.direction); 
 
} 
 
)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<button class="btn btn-primary"> 
 
    click me 
 
</button> 
 

 
<div id="result"> 
 

 
</div>

をリセットするには、デフォルトあったように変更1になる予定だった二つのモデルを作成しました注文オブジェクトをリセットするまで予想されます。コード内のこの点にもう一度着くと、決してリセットされないことがわかります。 orderDefault objがorder objのエイリアスになるようです。

Answer 1

答えではなくorderDefault割り当てるので、あなたが、私はこれが誰かの役に立てば幸いそうではない

model.order = model.orderDefault 

しかし

model.order.direction = model.orderDefault.direction 
model.order.field = model.orderDefault.field 

orderDefault

の値を代入する必要があるということです。