JS变量的作用域

JavaScript中变量的作用域非常奇特，如果不仔细研究，一定会被它搞晕

用几个简单的例字说明一下：

1、定义全局变量

var a = 1;

或 window.a=1;




2、同名的变量，局部变量的优先级高于全局变量
var a = 1;

function main() {

    alert(a); //弹出 'undefined'

    var a = 2;

    alert(a); //弹出 2

}

也许你会觉得奇怪，第一个应该会弹出“1”啊，上面不是定义了一个全局的a吗？是的，虽然定义了全局的a，但在main（）函数体内也定义了一个同名的a，这时在main()中调用的a指向的都是函数体内的a，其它的a都被隐藏，即然这样，那第一次输出a的值undefined就不足为奇了。




3、js中变量的作用域没有块级约束

function main(){

    for(var i=0;i<100;i++){

        var a=3;

    }

    alert(a); //弹出 "3"

    alert(i); //弹出 "100"

}

其它语言的变量就有块级约束，在for循环体内定义的变量，在循环体外是不能调用的，可见JS不是一般的灵活。




4、没有用var定义的变量都是全局变量

function main(){

    a = 1;

}

alert(a); //弹出 "1"

//即然是全局变量，那

alert(window.a); //弹出 "1"