多物体运动传入obj问题
来源：4-1 JS多物体动画
EVASHINJI
2016-05-01 02:16
for (var i = 0; i < aLi.length; i++) {
aLi[i].timer = null;
aLi[i].onmouseover = function () {
startMove(ali[i], {width:400, height:200});
}
aLi[i].onmouseout = function () {
startMove(aLi[i], {width:200, height:100});
}
}
当这样传入aLi[i]时，浏览器会报错TypeError: Cannot read property 'timer' of undefined
而当传入this时，就不会存在这个问题
写回答
关注
2回答
-
- codeFish
- 2016-05-01 21:45:12
this的特点是，谁调用指向谁，所以当你第一个参数传this的时候，改变自身的属性，这个无异议；
当你将第一个参数传递为aLi[i]时，本意是考虑到变量i代表的是当前aLi的索引值，所以可以指向当前的li元素。但事实并非如此，i这个参数在startMove这个方法中执行的时候是undefined的，所以timer属性也就没办法被正确定义了。
-
- 慕粉3241233
- 2016-05-01 19:41:32
把startMove(ali[i], {width:400, height:200});中的ali[i]换成this试试
可以参考我的一个例子 https://github.com/KaiWang0712/jsExercise.git 多物体同时运动+链式运动.html
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113925 学习 · 1443 问题
相似问题