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;
②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响

posted @ 2020-09-17 11:29  覆手为云p  阅读(912)  评论(3编辑  收藏  举报
停止精灵球