JavaScript全局变量与局部变量实验

首先看个测试题

第一种情况：

var a=2;
function test(){
    console.log(a);
    var a=3;
    console.log(a);
};
test();
console.log(a);

输出结果：

undefined
3
2
变量与函数内的变量重名，那它将会失去全局变量的身份，相当于重新定义了一个变量 ，但是开始是并没有复制，所有是 undefined，第二个输出结果就很常规了，第三个输出结果调用的是全局变量。

第二种情况：

var a=2;
function test(){
    console.log(a);
};
test();

输出结果：
2

var a=2;
function test(){
    console.log(window.a);
    var a=3;
    console.log(a);
};
test();

输出结果：
2
3
使用window调用全局变量a

第四种情况：

var a=2;
function test(){
    console.log(a);
     a=3;
    console.log(a);
};
test();
console.log(a);

输出结果
2
3
3

第五种情况：

function test(){
console.log(a);
  a=3;
console.log(a);
};
test();
console.log(a);

输出结果：
3
3
3

JavaScript加载时会加载函数内部数据（具体什么原因，现在我也不懂，如有人知道，可以告诉我），因为 a=3;此种定义方式会将a定义成全局变量。

第六种情况：

function test(){
console.log(a);
 var  a=3;
console.log(a);
};
test();
console.log(a);

输出结果：
undefined
3
3

复习一下JavaScript中变量的
JavaScript中的变量是松散类型的，可以用来保存任何类型的数据，每个变量仅仅是一个用于保存至的占位符而已。

var a;//为经过初始化的变量，保存一个特殊值–undefined

b=10;//在JavaScript中有效，只是不推荐
注意： 如果使用此方式在函数内定义变量，将会成为一个全局变量。

OK,这下可以回过头去看看上面的问题了。