闭包是什么？

闭包：闭包就是能够读取其他函数内部变量的函数；

闭包形成的原理：作用域链，当前作用域可以访问上级作用域中的变量；

闭包如何产生？

• 函数做为参数传递
• 函数做为返回值返回

闭包解决的问题：能够让函数作用域中的变量在函数执行结束之后不被销毁，同时也能在函数外部可以访问函数内部的局部变量；避免命名冲突；

闭包带来的问题：由于垃圾回收器不会将闭包中的变量销毁，于是就造成了内存泄漏，内存泄漏积累多了就容易导致内存溢出；

闭包的应用：能够模仿块级作用域、能够实现柯里化、在for循环中保留i的操作、防抖和节流、设计模式中的单例模式

（1）点击li输出当前li的索引号

 // 1. 我们可以利用动态添加属性的方式
        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(i);
                console.log(this.index);

            }
        }
        
        // 2. 利用闭包的方式得到当前小li 的索引号
        for (var i = 0; i < lis.length; i++) {
            // 利用for循环创建了4个立即执行函数
            // 立即执行函数也成为小闭包因为立即执行函数里面的
            // 任何一个函数都可以使用它的i这变量
            (function(i) {
                // console.log(i);
                lis[i].onclick = function() {
                    console.log(i);

                }
            })(i);
        }

(2) 3秒钟之后,打印所有li元素的内容

 var lis = document.querySelector('.nav').querySelectorAll('li');
        for (var i = 0; i < lis.length; i++) {
            (function(i) {
                setTimeout(function() {
                    console.log(lis[i].innerHTML);
                }, 3000)
            })(i);
        }

(3) 计算打车价格：打车起步价13(3公里内), 之后每多一公里增加 5块钱. 用户输入公里数就可以计算打车价格，如果有拥堵情况,总价格多收取10块钱拥堵费

var car = (function() {
            var start = 13; // 起步价  局部变量
            var total = 0; // 总价  局部变量
            return {
                // 正常的总价
                price: function(n) {
                    if (n <= 3) {
                        total = start;
                    } else {
                        total = start + (n - 3) * 5
                    }
                    return total;
                },
                // 拥堵之后的费用
                yd: function(flag) {
                    return flag ? total + 10 : total;
                }
            }
        })();
        console.log(car.price(5)); // 23
        console.log(car.yd(true)); // 33

        console.log(car.price(1)); // 13
        console.log(car.yd(false)); // 13