javascript - js相关的一个问题，求教?
本文介绍了javascript - js相关的一个问题，求教?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
代码如下所示。我的问题是：
如果把(函数内的)old = 0 改为old，即不赋予初值，则程序会出错，touchmove中的old为undefined。
这是跟js手势处理相关的一个练习。肯定是先执行touchstart,然后执行touchmove的。执行touchstart时old被赋值，alert输出证实了这点，然后执行touchmove时，old应该有值才对，但却居然为undefined。这是为什么呢？
虽然不知道原因，不过倒是直到解决方法，2个：(1)为old赋予初值。
(2)将old声明提到函数外，成为全局变量。
请各位大神解惑
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<script type="text/javascript">
//var old = 66;
function touchHandler(e){
var output = document.getElementById("div");
var old =11;
switch(e.type){
case "touchstart":
old = 88;//alert(old);
break;
case "touchend":
break;
case "touchmove":
//alert(old);
output.innerHTML += old + "<br>";
break;
}
}
document.addEventListener("touchstart",touchHandler);
document.addEventListener("touchend",touchHandler);
document.addEventListener("touchmove",touchHandler);
</script>
</head>
<body>
<div id="div" style="width:300px;height:200px;border:2px solid red;"></div>
</body>
</html> 解决方案
如果old定义在函数内，执行touchstart的时候是赋值成功了，但是当你执行touchmove的时候再次调用了这个函数，这次调用和上次调用没有关系的，又会重新定义old，自然是undefined了，如果是全局定义则就是一个old，上次执行会对下次执行产生影响，因为他们引用了同一个old。
这篇关于javascript - js相关的一个问题，求教?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
