严格模式及高阶函数及闭包函数

严格模式可以应用到整个脚本或个别函数中。因此在使用时，我们可以将严格模式分为为脚本开启严格模式和为函数开启严格模式两种情况。
1. 为脚本开启严格模式
有的 script 基本是严格模式，有的 script 脚本是正常模式，这样不利于文件合并，所以可以将整个脚本文件放在一个立即执行的匿名函数之中。这样独立创建一个作用域而不影响其他 script 脚本文件。

<script>
  (function (){
　　　　"use strict";
       var num = 10;
　　　　function fn() {}
　  })();
</script>

2. 为函数开启严格模式

function fn(){
　　"use strict";
　　return "这是严格模式。";
}

3.严格模式下 this 指向问题

• 以前在全局作用域函数中的 this 指向 window 对象。
• 严格模式下全局作用域中函数中的 this 是 underfined。
• 以前构造函数时不加 new也可以 调用,当普通函数，this 指向全局对象
• 严格模式下,如果 构造函数不加new调用, this 指向的是undefined 如果给他赋值则 会报错
• new 实例化的构造函数指向创建的对象实例。
• 定时器 this 还是指向 window 。
• 事件、对象还是指向调用者。

二、高阶函数
高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。

<script>
function fn(callback){
  callback&&callback();
}
fn(function(){alert('hi')}
</script>

<script>
function fn(){
    return function() {}
}
 fn();
</script>

此时fn 就是一个高阶函数
函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。 最典型的就是作为回调函数。
同理函数也可以作为返回值传递回来

什么是闭包
闭包（closure）指有权访问另一个函数作用域中变量的函数。 ----- JavaScript 高级程序设计
简单理解就是 ，一个作用域可以访问另外一个函数内部的局部变量。

<script>
 function fn1(){    // fn1 就是闭包函数
　　　　var num = 10;
　　　　function fn2(){
　　　　　　console.log(num); // 10
　　　　}
       fn2()
　}
  fn1();
</script>

3 在 chrome 中调试闭包

1. 打开浏览器，按 F12 键启动 chrome 调试工具。
2. 设置断点。
3. 找到 Scope 选项（Scope 作用域的意思）。
4. 当我们重新刷新页面，会进入断点调试，Scope 里面会有两个参数（global 全局作用域、local 局部作用域）。
5. 当执行到 fn2() 时，Scope 里面会多一个 Closure 参数 ，这就表明产生了闭包。

闭包作用：延伸变量的作用范围。

<ul class="nav">
       <li>榴莲</li>
       <li>榴莲</li>
       <li>榴莲</li>
       <li>榴莲</li>     
   </ul>
   <script>
       var lis=document.querySelector('.nav').querySelectorAll('li');
       for(var i=0;i<lis.length;i++){
           lis[i].onclick=function(){
               console.log(i);
           }
       }


   </script>

打印出来的结果都是4,因为function是异步任务，而for循环立即执行了

var lis=document.querySelector('.nav').querySelectorAll('li');
        for(var i=0;i<lis.length;i++){
            lis[i].index=i;
            lis[i].onclick=function(){
                console.log(this.index);
            }
        }

        for(var i=0;i<lis.length;i++){
            (function(i){
                lis[i].onclick=function(){
                    console.log(i);
                }
            })(i);
        }