闭包与高阶函数

 <script>
        //闭包（closure）指有权访问另一个函数作用域中变量的函数。
        //闭包:我们fun这个函数作用域访问了另外一个函数fn里面的局部变量 num
        function fn() {
            var num = 10;
            function fun() {
                console.log(num);
            }
            fun();
        }
        fn();
    </script>

 <script>
        //我们fn外面的作用域可以访问fn内部的局部变量
        //闭包的主要作用:延伸了变量的作用范围
        //闭包（closure）指有权访问另一个函数作用域中变量的函数。
        //闭包:我们fun这个函数作用域访问了另外一个函数fn里面的局部变量 num
        function fn() {
            var num = 10;
            // function fun() {
            //     console.log(num);
            // }
            // return fun;
           return function() {
               console.log(num);
           }
        }
        var f = fn();
        f();
        // 相当于  var f = function() {
        //     console.log(num);
        // }
        // var f = fun() {
        //     console.log(num);
        // }
?
    </script>

 <ul>
        <li>苹果</li>
        <li>榴莲</li>
        <li>柠檬</li>
        <li>香蕉</li>
    </ul>
    <script>
        // 获取元素
        var lis = document.querySelectorAll(‘li‘);
        // 1．我们可以利用动态添加属性的方式
?
        // 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)
        }
    </script>

 <script>
        // 获取元素
        var lis = document.querySelectorAll(‘li‘);
        //闭包应用-3秒钟之后，打印所有li元素的内容
        for (var i = 0; i < lis.length; i++) {
            (function (i) {
                setTimeout(function () {
                    console.log(lis[i].innerHTML);
                }, 3000)
            })(i);
?
        }
    </script>

/*需求分析
打车起步价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

 var name = "The Window";
   var object = {
     name: "My Object",
     getNameFunc: function() {
     return function() {
     return this.name;
     };
   }
 };
console.log(object.getNameFunc()())
-----------------------------------------------------------------------------------
var name = "The Window";　　
  var object = {　　　　
    name: "My Object",
    getNameFunc: function() {
    var that = this;
    return function() {
    return that.name;
    };
  }
};
console.log(object.getNameFunc()())

<script>
        // 高阶函数_函数可以作为参数传递
        function fn(a,b,callback) {
            console.log(a + b);
            callback && callback();
        }
        fn(1,2,function() {
            console.log(‘我是最后调用的‘);
        });
        $(‘div‘).animate({
            left:500
        },function() {
            $(‘div‘).css(‘backgroundColor‘,‘purple‘);
        })
    </script>