闭包与回调函数

目录

一、闭包

        1、作用域

        2、什么是闭包？

        3、闭包的使用场景

         （1）用来返回值：

        （2）函数赋值：在函数内部定义函数表达式

        （3）把闭包作为函数的参数

        （4）在立即执行函数中使用闭包  

        （5）在循环中使用闭包  

        （6）将闭包封装到对象中

 注意细节：

二、回调函数

        1、什么是回调函数？

        2、回调函数的使用

        （1）先定义回调函数，在主调函数中传递回调函数的函数名

        （2）定义匿名回调函数

         3、回调函数的特点

4、回调函数中this指向的问题

      （1）使用箭头函数（外层存在obj对象，故this会指向该对象）

        ( 2）在调用回调函数之前，定义一个变量将this保存起来  

         (3) 函数劫持也可实现this指向 

  5、JavaScript中使用回调函数的原因

---

一、闭包

        1、作用域

        （1）全局作用域：在函数、类的外部声明的变量。具有全局作用域

        （2）局部作用域：函数内部声明的变量（包括函数的形参）

        （3）块级作用域：在语句块中声明的变量

        2、什么是闭包？

                闭包：在一个函数内部创建另一个函数。把内嵌的函数称为闭包，它可以访问外部函数

                           的局部变量

function fun(){
   let k = 0;
    function test(){  //test函数就是一个闭包
        let t = k+14
    }
}

        3、闭包的使用场景

                （1）用来返回值：

function fun(){
    let name = 'woniu'
    //定义闭包
    return function f1(){
        return name
    }
}
let ft = fun()  //因为fun函数的返回值是f1函数，ft实质是一个函数
let na = ft()  //调用ft函数，实际调用的就是f1函数
console.log(na)


var nAdd;
function out(){
    var n = 999
    nAdd = function(){
        n++
        console.log(n)
    }
    return function(){
        console.log(n)
    }
}
let getN = out()
getN()  //999
nAdd()  //1000
getN()  //1000

        （2）函数赋值：在函数内部定义函数表达式

var f2
function fn(){
    let name = '曹操';
    f2 = function(){ //闭包，将外部函数的name变量作为闭包的返回值。f2是一个函数
        return name;
    };
};
fn() ;//必须先调用fn函数，否则f2就不是一个函数
console.log(f2());

        （3）把闭包作为函数的参数

function fn(){
    let name = '汤姆';
    //定义闭包
    return function callback(){
        return name;
    }
}
let f1 = fn() ;//将fn函数的返回值callback赋给f1
function f2(temp){
    console.log(temp()); //输出temp函数的返回值.实际调用了闭包callback
};
//调用f2函数：将f1作为实参传递给temp
f2(f1); //汤姆

        （4）在立即执行函数中使用闭包  

//立即执行函数
(function(){
    let  str = 'Hello Word';
    let f1 = function(){ //f1是闭包
        return str;
    }
    fn2(f1); //调用fn2函数，将闭包f1作为实参传递给fn2函数
})();

function fn2(temp){ //temp是一个形参，接收实参f1
    console.log(temp()); //对temp的调用，实际调用的是闭包f1
}

        （5）在循环中使用闭包  

(function fn(){  
    for(let i=1;i<=10;i++){
        (function(j){
            setTimeout(function(){
                console.log(j);
            },j*1000);
        })(i);//依次将i传递给闭包
    };
})();