因为学习数据可视化，最近接触了一些前端，用的是angularjs+bootstrap超级组合。没想到前端现在已经这么强大了，我还活在jq时代，看文档的时候惊呆了。尤其是数据绑定，写起来很爽啊。妈妈我再也不用改dom了。

【bug】

遇到一个很诡异的bug，差不多是这样。

old = 1;
new = old;

然后修改new的时候，old也变化了，因为当时在考虑angularjs的数据绑定机制，所以以为这两个变量是因为某种我不知道的机制绑定在一起了。（我发四换一种语言我绝对不会抽风。( ╯□╰ )）
然后各种尝试，怎么改都改不对，直到搜了一下，gg，原来默认是复制引用，呵呵。找了半天原来是这个原因，吐血。。

【copy机制】

在JavaScript中，值分为原始值和引用值两种类型。
原始值：存储在栈（Stack）中的简单数据字段，也就是说，它们的值是直接存储在变量访问的位置；
引用值：存储在堆（heap）中，也就是说，存储在变量处的值是一个指针，指向存储对象的内存处。
在JavaScript中的对象便是引用值，也就是说对象是通过引用传递值的。

所以在Angular中，直接通过对象的赋值是无法解除双向绑定的。所以要想解除双向绑定的办法就是新创建个对象，然后将原有的对象的值赋值给新对象。这不就是JavaScript中的深拷贝嘛。
对的，angular.copy就是Angular提供的 deep copy 的方法。所以通过angular.copy复制出来的对象，既能和原有的对象值保持一致，又不与旧对象指向同一个引用，从而实现了解除对象变量的双向绑定。

噗，还在吐血。

部分参考（http://www.aspzz.cn/article/98266.htm）

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!