首页 > jquery 局部和全局变量的问题?

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

函数中的定义的变量是因为每次执行之后销毁的缘故,所以每次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是全局的变量,不会是undefineda会。


如你的代码所写,关于变量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    
});
【热门文章】
【热门文章】