js学习笔记之高级--作用域+作用域链+闭包

作用域
什么是作用域
变量起作用的范围
什么是块级作用域
JS中没有块级作用域，使用代码块限定的作用域就是块级作用域
JS中的作用域叫做 词法作用域

词法作用域
在代码写好的时候，就能确定变量的作用域，这种作用域就是词法作用域

动态作用域.（是词法作用域就不可能是动态作用域）

在js当中，只有函数能创造作用域

var num = 123;
function f1(){
console.log(num);  //如果是动态作用域打印的就是456 如果是词法作用域 打印123
}
function f2(){
var num = 456;
f1();
}
f2();

变量提升
JS代码的运行分两个阶段
* 预解析阶段
* 变量名和函数提升
将var声明的变量名和function开头的函数进行提升
提升到当前作用域的最上方
* 执行阶段

注意：
1.变量和函数同名的时候
只提升函数，忽略变量名
2.函数同名的时候
都提升，但是后面的函数会覆盖前面的函数
3.函数表达式，只会提升变量名，不会提后面的函数

4.变量提升只会将变量和函数提升到当前作用域的最上方
```js
funciton foo(){
var num =123;
}
```
5.变量提升是分块 <script> 的

```html
<script>
foo()
function foo(){
console.log("第一个script标签内的函数")
};
</script>

<script>
foo()
function foo(){
console.log("第2个script标签内的函数")
}
</script>
```
6.条件式函数声明 能否被提升，取决于浏览器， 不推荐使用！！！
```
foo();//会报错，因为未被提升
if(true){
function foo(){

}
}

```
作用域链
只要是函数都有作用域，函数内部的作用域可以访问函数外部的作用域
当多个函数嵌套的时候，就会形成一个链式的结构，这个就是作用域链

绘制作用域链图的步骤
1.先绘制0级作用域链
2.在全局作用域中查找，变量和函数的声明，找到之后，将所有的变量和函数用小方格放在0级作用域链上
3.再从0级作用域链上的函数引出1级作用域链
4.再去每一个1级作用域链中查找变量和函数的声明，找到之后.....
5.以此重复，就画好了整个作用域链

变量的搜索规则
1.首先在访问变量的作用域中查找该变量，如果找到直接使用
2.如果没有找到，去上一级作用域中继续查找，如果如果找到直接使用
3.如果没有找到，继续去上一级作用域中继续查找，直到全局作用域
4.如果找到了就用，如果没有直到就报错

闭包
闭包是什么
一个封闭的对外不公开的包裹结构或空间
js中的闭包是函数

闭包要解决的问题
1、在函数外部访问不到函数内部的数据
2、要解决的问题就是需要在外部间接的访问函数内部的数据

闭包的基本结构
```js
function outer(){
var data = "数据";
return function(){
return data;
}
}
```

```js
function outer(){
var data = "数据";
var data1 = "数据1";
return {
getData:function(){
return data;
},
getData1:function(){
return data1;
}
}
}
```
```js
function outer(){
var data = "数据";
return {
getData:function(){
return data;
},
setData:function(value){
data = value;
return data;
}
}
}
```

闭包的作用
如果把数据放在全局作用域内，那么所有人都可以随意修改，这个数据就不再可靠。

闭包可以创建一个私有空间，在这个空间内部的数据，外部无法直接访问

外部空间想要访问函数内部的数据，只能通过闭包提供的指定的方法，在这个方法内部
可以设置一些校验规则，让数据变得更加的安全。