JS-上下文练习

/**

* 因为JS没有块级作用域，if里面的foo又是以var形式声明的，所以会被提升上去，

* 被赋值为undefined，之后undefined代表false，所以会进入if语句块，

* foo被赋值为10，所以下面会打印输出10

*/

var foo =1;

function bar(){
    console.log(foo);  //  undefined
    if(!foo){
        var foo =10;
    }
    console.log(foo);   //  10
}
bar();

/**

* 调用b函数的时候，由于b函数里面的a函数存在函数提升，

* 会提升到最上面，所以第一次打印是function a() 接下来a被赋值为10，

* 但是这个a只是一个函数上下文里面的局部变量，用完之后就会被销毁掉，

* 所以当外部打印a的时候，仍然打印出1

*/

var a =1;
function b(){
    console.log(a);   // function a
    a =10;
    return;
    function a(){}
}
b();
console.log(a);     //  1

// 执行fn函数以后，在全局上下文里面会生成一个c，局部环境下面会生成一个b，

// 在fn函数调用完毕之后，b就会被销毁，由于f为true，所以会进入if生成a变量

var f =true;
if(f===true){
    var a =10;
}
function fn(){
    var b =20;
    c=30;

}
fn();
console.log(a); //  10
console.log(c); // 30
console.log(b); //  报错

/**

* 全局里面首先会存在a和b，值都为3，之后进入IIFE后，首先是执行的b = 5，

* 这个时候就会找到全局的b，将其修改为5，之后是var a = b，

* 这个a就是局部的a，所以全局的a不会受影响。

*/

 var a =b=3;
 (function(){
    var a =b=5;         //  b=5; var a =b;

 })()
 console.log(a);        //3
 console.log(b);  //  5

/**

* 在下面的foo函数会被提升，接下来第一条代码打印出来就是function foo 接下来foo被赋值为A，

* 所以打印输出为A，之后foo又被赋值为一个函数，所以打印输出为function foo，调用foo，输出B，后面是一样的

*/

console.log(foo);   //   function foo
var foo ='A';
console.log(foo);//  A
var foo =function(){
    console.log('B');
}
console.log(foo);  //  function foo
foo();
function foo(){
    console.log('C');
}
console.log(foo);
foo();//B

/**

* 主要就是要注意b函数里面的var a = 3存在变量提升，所以b函数里面第一个是undefined，

* 接下来依次赋值打印输出，但是由于是局部变量，所以对全局的a不影响

*/

 var a =1;
 function b(){
     console.log(a); // undefined
     a =2;
     console.log(a);//  2
     var a=3;
     console.log(a);//  3
 }
 console.log(a);//1
 b();
 console.log(a);// 1