JS数组的引用问题
童学芬 2014-04-18 14:11

JS数组的引用问题 刚刚在做一个>九宫格游戏的js算法。调了很长时间,原来有一个致命的错误,忘了js数组的引用。

刚刚在做一个>九宫格游戏的js算法。调了很长时间,原来有一个致命的错误,忘了js数组的引用。

原来只知道对象是引用的。

var a = {};//a就是一个对象

var a = [];//a是一个数组

var a = [2];
var b = a;
b[0] = 100;
alert(a[0]); //alert出来后结果竟然是100,而我并没有改变a数组的值,这时我想到了引用。
var a = [2];
var b = a;
b = [100];
alert(a[0]);//这时alert出来就是2了。这和上面又有区别,b也对a产生了引用,可以我不是通过b的下标来赋值,就没有改变a的值了。
b[0] = 99;
alert(a[0]); //这时a[0]也没有改变,因而可以知道上面对b的赋值改变了b对a的引用关系。

下面这段代码还更有趣

var a = [2];
b = a;
b[0] = a;
alert(a[0]);//这时候alert出来是空值,不原因,继续alert
alert(a.length);//这时长度是1,说明a是一个数组,继续alert
alert(typeof a[0]); //这时chrome alert出来是 object,继续alert
alert(a[0][0][0][0][0][0][0][0].length);//这时长度还是1

为什么我可以一直在a后面取键值0呢。原来b[0]=a就是改变了a[0]的引用,a[0]->a ,a[0]就指向a的地址了,继续[0]还是指向a,这就是一个循环了。

其实在js里面,要特别注意引用,数组,对象,dom对象都是引用,一不小心程序bug就来了。

   本文适合中级js程序员学习,供参考,谢谢!