今天调了一天的程序,也是醉醉的,正在学习WebGL关于材质的文章。在测试过程中出现了一个问题,就是数组钩挂问题, 上测试代码:
var s = [1, 2, 3, 4, 5];
var sGroup = [];
//这是一个打乱数组排序的方法
s.sort(randomSort);
sGroup = s;
console.log(sGroup);
//1s之后,对s 数组再次进行打乱,观察sGroup的变化
setTimeout(function() {
s.sort(randomSort);
console.log(sGroup);
}, 1000);
function randomSort () {
return Math.random() > .5 ? -1 : 1;
}
我在一开始的时候一直认为sGroup在s变更后不会变化,后来整了半天才发现,这是个陷阱,他是会跟着变化的。
结果:
[2, 1, 4, 5, 3]
[2, 5, 3, 4, 1]
在对数组操作后钩挂的变量也会跟着变化,所以使用中要注意, 如果单纯想要当前状态数组的值,使用钩挂方式永久保存是行不通的。