for(var i =0i<10i++){
}console.log(i)1234
js这段代码，你觉得会输出什么？答案是10，熟悉java的同学肯定有点诧异，为什么会这样呢？因为js还是不同与java的，在ES5中，只有全局作用域和函数作用域，并没有块作用域，当然我们可以实现块作用域的功能。看下面代码:
(function(){for(var i =0i<10i++){
}})()console.log(i)123456
这种写法叫做立即调用函数表达式（IIFE），不了解自行百度，这其实就创建了一个局部作用域，该作用域声明的变量只有在该块内有效，外部访问不了。这种写法的好处就是可以做到不污染全局变量。
这里还想再提一点，就是在ES5中，变量的声明问题，在ES5中并不是严格，你可以直接采用a=10,来声明一个全局变量。如下：
a=10console.log(a)12
输出10，这里你可以不声明变量就去使用它，其实js帮你做了一件事。它会执行如下代码:
var a=undefineda=10console.log(a)123
你可以试验一下，在函数中也可以做到不用声明变量直接使用，个人觉得这种灵活的做法不是很好。不过在ES6中，已经不推荐不声明变量就去使用的做法了。
那么我们接下来来一点进阶的东西，就是变量提升。（ES5中的概念，ES6中新的用法不会出现变量提升），看代码:
a=10
(function(){console.log(a)var a=1
})()1234567
你猜输出什么？undefined,你答对了吗？迷糊不要紧，我们来看一下什么是变量提升，很简单，其实就是将变量的声明提升到函数的最上面。其实上面的代码最后js在解释的时候会变成这个样子：
var a=undefined
a=10
(function(){var a=undefined
console.log(a)
a=1
})()12345678
理解了变量提升是什么意思了吧，其实就是将声明提到了最前面，所以输出的是undefined
2.ES6中的作用域
由于ES5中存在很多问题，所以在ES6中，用let替换了var的声明，不过为了兼容ES5你还是可以使用以前的var。不过还是建议使用let
let为js添加了新的作用域就是块作用域。看代码：
for(let i=0i<10i++){
}console.log(a)123
输出 a is not defined这里，我们就完全可以使用java等语音，来理解变量的声明了，而且使用let声明的变量，在声明是不可以使用的。
a=3let a =10alert(a)
函数作用域在函数作用域上这样的结果虽然难发现，但容易理解，var是声明局部变量，js在函数执行之前会把作用域内所有用var声明抽到头部统一生成，就是说
(function(){
alert(document)
var document
})
//等价于
(function(){
var document
alert(document)
})
在执行alert(document)访问document变量时，先从当前作用域寻找这个变量，如果当前作用域没有这个变量，会通过作用域链一层层往上寻找。若没有var document，就会找到上层的window.document。在这里当前作用域声明了document这个变量，优先访问这个变量，因为这个变量只声明未赋值，此时document==undefined。
在函数作用域下是这样的，但全局作用域下就不同了。
对象作用域
先看看raphelguo提供的的例子：
var obj = {a : 1}
with (obj) {
var a = 2
}
alert(obj.a) //2
with (obj) {
a = 5
}
alert(obj.a) //5
可以看到在obj作用域下，var变量声明已经失去了作用，无论有没有用var声明变量，对变量赋值都是等价于对当前obj的属性赋值。换句话说var是用来声明局部变量的，但在对象作用域内并没有地方存储局部变量，所以var是无效的。
再回来看看最初的例子，就很容易理解了，浏览器上在全局作用域下等价于在window这个对象下执行代码：
with(window) {
alert(document)
var document
}
这时var document完全无作用，alert出来的自然是window.document了。
看来，js的变量不是存在函数里，就是存在对象（包括宿主对象如window）里，要区分这两种情况的不同避免遇到坑。
