js for循环问题

Question

var page_ary=[]; 
  var obj={};
  //var j=0;
  for(var i=1;i<=3;i++){
    obj.page=i;
    obj.cla='';
    //j=i;
    console.log('i','---',i);
    console.log('obj','---',obj);
    page_ary[i-1]=obj;
    console.log('page_ary','---',page_ary);
  }     

打印出来的page_ary

{page: 3, cla: ""}

{page: 3, cla: ""}

{page: 3, cla: ""}

如果把obj声明放在里面就可以了

var page_ary=[]; 
  //var j=0;
  for(var i=1;i<=3;i++){
    //放在这里
    var obj={}
    obj.page=i;
    obj.cla='';
    //j=i;
    console.log('i','---',i);
    console.log('obj','---',obj);
    page_ary[i-1]=obj;
    console.log('page_ary','---',page_ary);
  }  

打印结果就是这样

{page: 1, cla: ""}

{page: 2, cla: ""}

{page: 3, cla: ""}

谁能解释一下这是为什么？？？ 谢谢！！！

Answer 1

for循环结束后，i=3;
obj在循环外（又是一个对象，会被引用。你不用对象就不会有问题）最后拿到的就都是i=3的时候的数据。
所以你需要把obj的声明放循环里面，每次循环结束后，obj这个对象都会被重新构造，不会出引用问题，赋值就OK了。

Answer 2

对象是引用类型；

Answer 3

因为page_ary[0]=page_ary[1]=page_ary[2]=obj