javascript高级进阶之作用域

什么是作用域

作用域是运行时代码中某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。
示例：

function outFun(){
	var inVariable = "内层是变量2";
}
outFun();//要执行这个函数，否则根本不知道里面是什么
console.log(invariale);//Uncaunght ReferenceError:invariable is not defined

从上面的例子可以体会到作用域的概念，变量invariable在全局作用域没有声明，所以全局作用域下取值会报错，我们可以这样理解：作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。
ES6之前JavaScript没有块级作用域，只有全局作用域和函数作用域。ES6的到来，为我们提供了‘块级作用域‘，可通过新增指令let和const来体现。

全局作用域和局部作用域

在代码中任何地方都能访问到达的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：
1.最外层函数和最外层函数外面定义的变量
2.所有未定义直接赋值的变量自动声明为拥有全局作用域
3.所有window对象的属性拥有全局作用域
一般情况下，window对象的内置属性拥有全局作用域，例如window.name、window.location、window.top等等。
全局作用域有个弊端：如果我们写了很多行JS代码，变量定义都没有函数包括，那么它们就全部都在全局变量中。这样会污染全局命名空间，容易引起命名冲突。

//张三写的代码中
var data = {a:100}

//李四写的代码中
var data = {x:ture}

这就是为何jQuery、Zepto等库的源码，所有代码都会放在(function(){…})()中。因为放在里面的所有变量，都不会外协和暴露，不会污染到外面，不会对其他的库或者JS脚本造成影响。这是函数作用域的一个体现。
函数作用域，是指声明在函数内部的变量，和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部。
作用域是分层的，内层的变量可以访问外层的变量,反之不行
值得注意的是：块语句（大括号”{ }“中间的语句），如if 和switch条件语句或for和while语句，不像函数，他们不会创建一个新的作用域。在块语句中定义的变量将保留在它们已经存在的作用域中

if(ture){
//if条件语句不会创建一个新的作用域
   var name = "Hammad";//name依然在全局作用域中
}
console.log(name);//结果"Hammad"

块级作用域(ES6新增)

块级作用域可以通过新增命令let和const声明，所有声明变量在指定块的作用域外无法被访问。
块级作用域在如下情况被创建：
1.在一个函数的内部。
2.在一个代码块(由一对花括号包裹）内部
let 声明的语法与var语法一致。基本上可以用let来替代var进行变量声明，但会将变量的作用域限制。
块级作用域有以下几个特点：
1.声明不会被提升到当前代码块的顶部
let/const声明并不会被提升到当前代码块的顶部，因此需要手动将let/const声明放置到顶部，以便让变量在整个代码块内部可用。
2.禁止重复声明let 和 const