JavaScript匿名函数、作用域、预解析

匿名函数：

没有名字的函数/定义时未直接命名的函数。

优点：

非匿名函数在定义时，已经创建了函数对象和作用域对象；所以，即使没有调用也会占用内存空间；但是匿名函数仅在调用时，才临时创建函数对象和作用域链对象；调用完会马上释放，所以匿名函数比非匿名函数更节省内存空间，定义一个匿名函数即自调函数。

如何声明一个匿名函数：

 //匿名函数的声明
        (function(){函数执行体})();

匿名函数如何使用：

将匿名函数赋值给一个变量，这样可以通过变量进行调用。匿名函数自调用

自调用函数

匿名函数自调用（自执行函数）的作用：防止全局变量污染。（变量可以分为全局变量和局部变量-只能作用于该作用域内的变量 ）

局部变量：只在固定的代码片段内可以访问到的变量，最常见的例如函数内部。对应局部作用域（函数的作用域）

代码如下：

 //匿名函数的声明
        // (function(){函数执行体})();
        // (function(){
        //     alert('匿名函数');
        //     console.log(arguments);
        // })(20);

        //局部变量和全局变量
        function test(){
            //局部变量：只能作用于该作用域内的变量，作用域为{}；
            var num=20;
            console.log(num);
            function test_01(num){
            }
            test_01();
        }
        test();
        // console.log(num);//输出结果为num is not defined,因为num时局部变量所以访问不到

全局变量：任何地方都可以访问到的变量即为全局变量，对应全局作用域/不使用var声明的变量时全局变量，不推荐使用

代码如下：

   //全局变量:可以被任何函数都能够访问到的
        var num=100;
        function test_01(){
            console.log(num);
        }
        function test_02(){
            console.log(num);
        }
        test_01();
        test_02();

局部变量退出作用域之后会销毁；全局变量关闭网页或浏览器才会销毁。 

如何将局部变量变为全局变量：

1.将局部变量移动到所有函数之外。

2.例子：将var sum=100;改为sum=100；（不推荐）

函数也是一个数据类型：复杂数据类型。

因为函数也是一个数据类型，所以可以把函数作为另一个函数的参数，在另一个函数中调用，这种我们称之为回调函数。

因为函数是一种类型，所以可以把函数可以作为返回值从函数内部返回。

块级作用域：

任何一对花括号（{和}）中的语句集都属于一个块，在这之中定义的所有变量在代码块之外都是不可见的，我们称之为块级作用域。在es5之前是没有块级作用域的概念，只有函数作用域。

词法作用域：

变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也被叫做静态作用域。

在js中词法作用域的规则：

• 函数允许访问函数外的数据
• 整个代码结构中只有函数可以限定作用域。
• 作用域规则首先使用提升规则分析
• 如果当前作用域规则有名字了，就不考虑外面的名字

作用域链：

只有函数可以制造作用域结构，那么只要是代码，就至少有一个作用域，即全局作用域，凡是代码中只有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么这个作用域中就又可以诞生一个作用域。

将这样的所有作用域列出来，可以有一个结构：函数内指向函数外的链式结构，就称作作用域链。

 

预解析：

JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时 候，分为两个过程：预解析过程和代码执行过程。

预解析的过程：

1.  把变量的声明提升到当前作用域的前面，只会提升声明，不会提升赋值。 
2. 把函数的声明提升到当前作用域的前面，只会提升声明，不会提升调用。 
3. 先提升var，在提升function

 //预解析：指将变量/函数的声明 提到运行之前
        //例：
        console.log(num);//代码执行规则从上到下，13行代码中已经在内存中写入一个num,但num的赋值在第13行
        var num=100;
        console.log(num);//控制台输入值为100

 console.log(num);未赋值

  //函数的预解析，会提前将变量或函数的声明提前
        test();
        function test(){
            console.log('这是一个函数');
        }

如果函数和变量同名，函数优先。