js的变量分为2种类型：局部变量和全局变量。主要区别在于：局部变量是指只能在变量被声明的函数内部调用，全局变量在整个代码运行过程中都可以调用。值得注意的js中还可以隐式声明变量，而隐式声明的变量千万不能当做全局变量来使用。下面将通过一些例子做详细说明：

例子一：

var a="Hello";  
 function test(){  
    var a;  
    console.log(a);  //输出undefined
    a = "World";  
    console.log(a);  //输出World
    console.log(this.a);//输出Hello
    console.log(this === window);//true
} 
test();
console.log(a);//输出Hello

从上面代码可以看出：当局部变量跟全局变量重名时，局部变量在函数内部有声明，同时在函数内部输出时会覆盖掉全局变量，当使用this调用的时候，this默认指向的是window，所以输出的是全局变量的值。

例子二：

var a = "Hello";
function test(){
    console.log(a);//undefined
    var a = "world";
    console.log(a);//World
}
test();

这里并没有输出“Hello”,我们在第一已经定义了全局变量a,这是由于：js在执行test()方法时声明部分已经完成了，在执行过程中才进行赋值，所以在这个函数中，执行第3行前，可以认为已经声明了局部变量a，但是并没有定义（这里即赋值），所以第3行输出结果为undefined，执行第4行a 赋值为“world”，所以打印局部变量a的值是world 。

例子三：

var a = "Hello";
function test(){
    console.log(a);//Hello
    a = "World";
    console.log(a);//World
}
test();
console.log(a);//World

这是由于在函数内部，一般用var声明的为局部变量，没用var声明的一般为全局变量，所以没声明的a赋值为“World”，这里的a是全局变量。

例子四：

function test(){
    var a=b=c=d="World";
}
test();
console.log(b+c+d);//而b、c、d都能输出World
console.log(a);//输出时候报错（not defined）

这是由于Js的赋值是从右向左结合： var a=b=c=d="World"; 等价于 var a=(b=(c=(d="World")));，其中只有a被声明了，b,c和d都是自动解析为全局变量了。

链接: https://fly63.com/article/detial/203