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屋!
查看全文