问题

刚才碰到了一个这样的问题：有一个由对象组成的数组，把其中一个对象赋值给变量p，然后改变了p的属性，对应的原来数组中的对象的属性也会随之改变。

var arr = [{x:0, y:0}, {x:0, y:0}]var p = arr[0]p.x = 1p.y = 2console.log(arr) // [{x:1, y:2}, {x:0, y:0}]

探究

我一开始以为这是数组的什么神奇特性，经过几番试验发现只有由对象组成的数组有这个问题，隐隐觉得这是对象的某个特性，然后又试了下，果然如此！

var a = {x:0, y:0}var p = ap.x = 1console.log(a) // {x:1, y:0}

把a赋值给变量p之后，改变p的某个属性，a中对应的属性也会随之改变。

原因

简单地想了一下原因，不知道正确不正确：

解决办法

那有没有让p改变之后a保持不变的办法呢？

var a = {x:0, y:0}var p = {}p.x = a.xp.y = a.y

通过这种方式把a的属性一一对应地赋值给p，之后对p做出的任何修改都不会影响到a。但是这种方法很麻烦，特别是碰到属性很多的对象，那么可以写个函数来完成这个工作：

function cloneObj(obj) {  var newObj = {}  for(var prop in obj) {    newObj[prop] = obj[prop]  }  return newObj}

var a = {x:0}var p = cloneObj(a)p.x = 2console.log(p) // {x:2}console.log(a) // {x:0}

成功了！修改p的属性之后a的属性没有随之改变。

后来网上查了查，发现js中有深拷贝和浅拷贝这样的区分，粗粗看了一遍。但是没有更多的实际使用经验所以理解也不是很深刻，如果以后有了更深的见解的话到时候再来写一篇。