2.作用域链

1.作用域

1.区分私有变量和全局变量
（1）.在全局作用域下声明（预解释的时候）的变量是全局变量；
（2）.在私有作用域中声明的变量和函数的形参都是私有的变量。
2作用域链.在私有作用域中，我们代码执行的时候遇到了一个变量，首先我们需要确定它是否为私有的变量，如果是私有的变量，那么和外面的没有任何的关系；如果不是私有的，则往当前作用域的上级作用域进行查找，如果上级作用域也没有则继续查找，一直找到window为止。。。
3.作用域
（1）.当函数执行的时候（直接目的：让函数体中的代码执行）,首先会形成一个新的私有的作用域。然后按照如下的步骤执行：
//1).如果有形参，先给形参赋值。
//2).进行私有作用域中的预解释。
//3).私有作用域中的代码从上到下执行。
//4).函数形成一个新的私有的作用域保护了里面的私有变量不受外界的干扰（外面修改不了私有的，私有的也修改不了外面的）-->"闭包"。
//1.
console.log(total); //undefined
var total = 0;
function fn(num1, num2){
        console.log(total);//undefined
        var total = num1 + num2;
        console.log(total);//300
}
fn(100,200);
console.log(total);//0
//2.
console.log(total);//undefined
var total = 0;
function fn(num1, num2){
      console.log(total);//total不是私有的，找全局下的total，也就是在这里出现的所有的total其实应该都是全局的-->0
       total = num1 + num2;//-->全局的total=300
        console.log(total);//300
}
fn(100,200);
console.log(total);//300
4.在全局作用域中，带var和不带var的关系
（1）.区别：带var的可以进行预解释，所以在赋值的前面执行不会报错；不带var的是不能进行预解释的，在前面执行报错。
（2）.相当于给Window增加了一个叫做num2的属性名，属性值是12。var num =12；->首先它相当于给全局作用域增加了一个全局变量num，但是不仅如此，它也相当于给window增加了一个属性名num，属性值是12。
（3）.私有作用域中出现的一个变量不是私有的，则往上级作用域进行查找，上级没有则继续向上查找，一直找到window为止，如果window下也没有呢？
//1.我们是获取值：console.log(total);-->报错了。
//2.我们是设置值:total=100；-->相当于给window增加了一个属性名total,属性值100。
//3.js中如果在不进行任何特殊处理的情况下，上面的代码报错，下面的代码都不在执行了。

3.png

2.预解释是毫无节操的一种机制

//in： "num" in window 判断num是否为window这个对象的一个属性，是的话返回true，不是的话返回false。
var obj = {name:"小林",age:11};
console.log("name" in obj);//-->true
console.log("eat" in obj);//false
1.预解释的时候不管你的条件是否成立，都要把var的进行提前的声明
//window的预解释：var num;-->window.num;
if(!('num' in window)){//'num' in window -->true
       var num = 12;
}
console.log(num);//undefined
2.预解释的时候只预解释“=”左边的，右边的是值，不参与预解释。
//匿名函数之函数表达式：把函数定义的部分当做一个值赋值给我们的变量/元素的某一个事件。
//window下的预解释：var fn;
(1).匿名函数
fn();//-->undefined();报错
var fn=function(){
   console.log(111);
};
(2).函数表达式
function fn(){
    console.log(111);
}
fn();-->111
(3).执行函数定义的那个function在全局作用域下不进行预解释，当代码执行到这个位置的时候定义和执行一起完成。
//自执行函数：定义和执行一起完成
（function(num){
    console.log(num)
}）(100);
(4).函数体中return下面的代码虽然不在执行了，但是需要进行预解释;return后面跟着的都是我们返回的值，所以不进行预解释。
function fn(){
     //预解释:var num;
     console.log(num);//-->undefined
     return function(){};
     var num = 100;
}
fn();
(5).在预解释的时候，如果名字已经声明过了，不需要重新的声明，但是需要重新的赋值。
//在JS中如果变量的名字和函数的名字重复了，也是冲突。
//预解释：var fn;window.fn;        fn=xxxfffooo window.fn=xxxfffooo;
var fn= 13;
function fn(){
   console.log("ok");
}

4.png