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都是自动解析为全局变量了。
原创文章，作者：guozi，如若转载，请注明出处：https://www.sudun.com/ask/90911.html
