• JS回调函数&&闭包


    一、JS 回调函数

    函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;
    示例:

    //第一种方法:匿名函数作为回调函数
    var generalLastName = "Cliton";
    function getInput(options, callback){
        var arr = [];
        arr.push(options);
        //将全局变量generalLastName传递给回调函数
        callback(generalLastName,arr);
    }
    getInput({name:"Rich",speciality:"Javascript"}, function(generalLastName,arr){
        console.log(generalLastName + ":" + arr[0].speciality) // Cliton:Javascript
    });
    
    //第二种方法:命名函数作为回调函数
    var generalLastName = "Cliton";
    function getInput(options, callback){
        var arr = [];
        arr.push(options);
        //将全局变量generalLastName传递给回调函数
        callback(generalLastName,arr);
    }
    function call(generalLastName,arr){
        console.log(generalLastName + ":" + arr[0].speciality) // Cliton:Javascript
    }
    getInput({name:"Rich",speciality:"Javascript"}, call);
    
    //补充验证
    function getInput(options, callback){
        //确保callback是一个函数   
        if(typeof callback === "function"){
            //调用它,既然我们已经确定了它是可调用的
            callback(options);
        }
    }

    二、闭包

    闭包是指有权访问另一个函数作用域中的变量的函数
    闭包3个特性:
    ①函数嵌套函数
    ②函数内部可以引用函数外部的参数和变量
    ③参数和变量不会被垃圾回收机制回收

    function f1(){
            var n = 123;
            function f2(){    //f2是一个闭包
                return n;
            }    
            return f2;
        }
    //调用:
    var test = f2(); var v = test() //v=123

    闭包优点:
    ①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突
    ②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)
    ③匿名自执行函数可以减少内存消耗
    缺点
    ①被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;
    ②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响

  • 相关阅读:
    oracle添加字段,备注
    oracle对日期date类型操作的函数
    查询效率例子收藏
    webuploader.min.js 简单例子
    select 数字/字符串/count(参数)/sum(数字) from table
    oracle常用分析函数 over(partition by xxx order by xxx)
    LigerUi遮罩的两个方法
    LigerUI子父窗口之间传参问题
    LigerUi自动检索输入
    LigerUi折叠与展开
  • 原文地址:https://www.cnblogs.com/aland-1415/p/13684160.html
Copyright © 2020-2023  润新知