问答详情
源自：4-1 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 02:16

个回答

  • codeFish
    2016-05-01 21:45:12

    1. this的特点是，谁调用指向谁，所以当你第一个参数传this的时候，改变自身的属性，这个无异议；

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

    0
  • 慕粉3241233
    2016-05-01 19:41:32

    把startMove(ali[i], {width:400, height:200});中的ali[i]换成this试试

    可以参考我的一个例子  https://github.com/KaiWang0712/jsExercise.git     多物体同时运动+链式运动.html


    0