var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";理解

《JavaScript DOM编程艺术》中第10章有一段代码:

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  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+")";
  movement = setTimeout(repeat,interval);
}

其中var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; 看了之后不是很明白,在网上参考了别人的解析才有了一些理解。
由于setTimeout第一个参数需要是一个字符串,所以将函数及参数用字符串拼接的方式赋值给repeat。整个函数起初代码运行失败的原因主要是没有理解好这段代码的真正结构,错误的认为引号分割方式为:

【moveElement( 【 [+elementID+] 】,【+final_x+】,【+final_y+】,【+interval+】)】

所以把单双引号混着用,导致不能正确的闭合,同时也在疑惑 +final_x+ 是什么特殊的语法,后来发现真正的分割方式是

【moveElement(’】 + elementID + 【’,】 + final_x + 【,】 + final_y + 【,】 + interval +【)】

加号实际上是字符串拼接中的连接符。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值