                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

多物体运动传入obj问题

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时，就不会存在这个问题

EVASHINJI

2016-05-01

源自：JS动画效果 4-1

关注问题我要回答

646

操作

收起

2 回答

codeFish
2016-05-01

this的特点是，谁调用指向谁，所以当你第一个参数传this的时候，改变自身的属性，这个无异议；
当你将第一个参数传递为aLi[i]时，本意是考虑到变量i代表的是当前aLi的索引值，所以可以指向当前的li元素。但事实并非如此，i这个参数在startMove这个方法中执行的时候是undefined的，所以timer属性也就没办法被正确定义了。