0

我正在阅读 DOM Scripting 并且有一个关于下面抽象的初学者问题。原始代码不包含“clearTimeout”，而“movement”被声明为全局变量。虽然代码运行良好，但动画并不流畅，这就是添加 clearTimeout 的原因。然而，我的问题是，为什么我不能只测试“运动”并且当它失败时（在第一次鼠标悬停调用 moveElement 时）继续执行其余的函数？如果我将“运动”保留为全局变量，而不是使其成为属性，那么代码根本不会运行？

如果有助于查看其他 JS 和 HTML，我已将剩余代码插入jsFiddle。

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) { //Why can't I use "movement"?
    clearTimeout(elem.movement);
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);

  if (xpos == final_x && ypos == final_y) {
    return true;
  }
  if (xpos < final_x) {
    xpos++;
  }
  if (xpos > final_x) {
    xpos--;
  }
  if (ypos < final_y) {
    ypos++;
  }
  if (ypos > final_y) {
    ypos--;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval); //Originally global property
}​
4

1 回答 1

3

一个属性永远不能是undefined，只能有一个undefined作为值。相反，变量可能是undefined（未定义）或具有undefined值。

当你说if (movement)，在movement没有定义的情况下，它会抛出一个异常。

当您说if (elem.movement)时，在elem.movement未定义的情况下，它将评估为 false 并无一例外地使条件失败。

如果要movement用作全局变量，则必须先声明它，然后再尝试通过以下方式读取它：

var movement;
function moveElement(elementID,final_x,final_y,interval) {
    ...
}

或者，您可以尝试将全局movement作为属性读取，因为所有全局变量都只是window对象的属性（在浏览器中）：

if (window.movement) { // this will never throw an exception
    clearTimeout(movement);
}

最后，您可以将 if 语句切换为通过typeof运算符保护自己免受这些异常影响的语句：

if (typeof movement !== 'undefined') {
    clearTimeout(movement);
}
于 2012-12-12T18:48:34.550 回答