JavaScript中作用域

在了解作用域之前，先来了解一下全局变量 和 局部变量

全局变量

var a = 10;
function foo(num){
   console.log(num);
}
foo(a);//10
function boo(num){
   return num + 1;
}
console.log(boo(a));//11

变量声明时没有被大括号包裹，那么这个变量称为 全局变量
全局变量任何地方都可以访问;

这个 声明的变量 a 就是一个全局变量 ， foo函数可以访问到 ， 同样 boo 函数也可以访问到.

------------分割---------

如果我们在函数内部声明变量，在函数外面去调用，又会发生什么样的情况呢？

function foo(){
            var a = 10;//在大括号之中声明的变量只能在大括号之中使用
        }
        foo();
        console.log(a);

Uncaught ReferenceError: a is not defined => 引用错误，a未定义;

在函数大括号之中声明的变量称之为 局部变量 ， 而这里的a 就是一个局部变量;

由此我们得到结论：

局部变量只能在声明他的作用域之中使用

------分割线------

来看两种特殊的情况

//--------------------------
        // 特殊情况1:
        // 1、声明变量不爱使用var 
        function foo(){
            var a = 1;// 规范声明
            console.log(a);
        }
        foo();
        console.log(a);//报错

        // 但是----不规范的声明
            function foo(){
                 a = 1;// 不规范声明
                console.log(a);
            }
            foo();
            console.log(a);//不报错
        // -----------------------

// 特殊的情况2;
            if(true){
                var a = 10;
            }
            console.log(a);//打印 10

            var b = 20;
            function foo(){
                console.log(b);// 打印undefined
                var b = 10;
            }
            foo();

但是 ，特殊情况1下，不使用 var 声明变量，会导致 局部变量 => 伪全局变量 这样做虽然不会报错，但考虑到后期开发，要避免这种错误!!

特殊情况2 下 var b = 10; 在console.log的后面。会先把var b ; 提升到最前面，但没有赋值，所以打印出来是undefined;、

--------------分割线------------------

简单总结一下 全局变量 和 局部变量 的区别：
1、 生命周期 => 这个变量在内存之中的存活时间;
全局变量：生命周期和程序同步，程序不关闭，全局变量一直存在 ===> 会让程序变得更重； 如果可能，少设计一点全局变量;
局部变量：生命周期和函数执行同步，函数执行结束，局部变量就被删除了;

var count = 10 ;
function foo(){
   var count = 0;
    // 程序的懒惰原则,函数的大括号之中已经有了查找结果,就不会再继续查找;
    // 就近原则;
    console.log(count);
}

2、 命名空间 ：
全局之中的命名空间是唯一的;
局部命名空间 ： 一个作用域只有一个; => 但可以通过匿名函数解决命名空间问题;

-----------------分割线---------------------------

简单说一下匿名函数：
就是让函数经历一次匿名运算，如果函数发生了特定的运算，那么函数就会被当成一个特定的地址;
利用该机制，使用匿名函数立即调用;

来看几种匿名函数的使用：

			+function(){
                console.log("hello");
            }();

            !function(){
                console.log("hello");
            }();//常用 ! ;

            (function(){
                console.log("hello");
            })();

即 ： 函数地址 + 小括号() 等于调用 ，即函数经过运算变为地址，被后面的调用运算符调用了;

使用匿名函数可能存在的bug =>

			(function(){
                console.log("hello1");
            })()
            (function(){
                console.log("hello2");
            })()

Uncaught TypeError: (intermediate value)(…) is not a function

原因 ： 两个匿名函数之间的分号; 一定要加，不然第二个无法执行，会报错;

还是要仔细哦~