ポリマーでの参照型データのバインディング

参照型による意図しないバインディング

参照型によって意図せずデータがバインディングされてしまうことが多々あったので検証メモ。

テスト

Step 0 (Polymer created)

• o1 ⇄ object (2 way data biding via Polymer system)

• o2 = o1 (参照型)

• o3.name = o1.name (非参照型)

Step1 (ボタン１)

• object.name = "newValue1"

Step2 (ボタン２)

• object = { name: "newValue2" }

結果

Step 0 終了時

o1.name、o2.name、object.name がbindingされている。
o2 が意図しないbinding（自分がjs知らなすぎるだけか）

Step 1 終了時

object.nameに参照型で ない ものを代入
o1.name、o2.name、object.name のbindingは維持

Step 2 終了時

objectに参照型で ある ものを代入
o2 の意図しないbindingが意図せず解除

考察

参照型をバインディングする時はどの値を見にいっているか、いつ代入した注意。
（あたりまえか汗；；；）