jquery 局部和全局变量的问题？

Question

函数中的定义的变量是因为每次执行之后销毁的缘故，所以每次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)
        }
    });

Answer 1

你真正要理解的是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    
});

Answer 2

执行后 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);
    }
});

Answer 3

b是全局的变量，不会是undefined，a会。

Answer 4

如你的代码所写，关于变量a，每次进入callback，都重新定义一次，而且定义的方式就是var a;，这个做法的结果和var a = undefined;是一回事，你说为什么每次判断都是undefined?^^

至于变量b，她不会永远是undefined，第一次点击之后，b就被赋值了，而由于b是在click事件的callback之外定义的，所以不受click影响，下次再点击时，b就是2了