函数中的定义的变量是因为每次执行之后销毁的缘故,所以每次if判断时都是undefined吗?
<button type="">点击</button>
var b;
$("button").click(function(event) {
var a;
if(a === undefined ){
a = 1;
alert(a)
}
if(b === undefined ){
b = 2;
alert(b)
}
});
执行后 b
不会 undefined
,但 a
会。
另外,如果你有很多个 button
,会共享一个 b
,如果想分别保存数据,建议用 data()
$("button").click(function(event) {
var a = $(this).data("a");
if (a === undefined) {
a = 1;
$(this).data("a", a);
alert(a);
}
});
b
是全局的变量,不会是undefined
,a
会。
如你的代码所写,关于变量a
,每次进入callback
,都重新定义一次,而且定义的方式就是var a;
,这个做法的结果和var a = undefined;
是一回事,你说为什么每次判断都是undefined
?^^
至于变量b
,她不会永远是undefined
,第一次点击之后,b
就被赋值了,而由于b
是在click
事件的callback
之外定义的,所以不受click
影响,下次再点击时,b
就是2
了
你真正要理解的是JS的作用域。
b 在全局作用域 global
点击发生后进入了另外一个作用域 local
在local作用域中每次都声明a 结果就是 a 每次都被赋值为 undefined ,
因为每次脱离这个作用域时,作用域里面的变量都被垃圾处理机制回收销毁,所以在每次点击后 a 又被重新声明并重新赋值为 undefined。
更进一步,JS这些作用域都是嵌套的,正因为有作用域链,才有了后面的闭包,不过那就是另一个话题啦。
var b; // global
$("button").click(function(event) {
var a; // local
// a undefined
// b undefined
});