Js函数(六) 回调函数和闭包函数 2021-11-21

JavaScript028

Js函数(六) 回调函数和闭包函数 2021-11-21,第1张

回调函数概念:    函数的参数callback是另一个参数,这个参数在原始数据中执行

例如:

  let arr = [11, 22, 33, 44, 55, 66, 77, 88, 99]

    function liFor(arr, callback) {

        for (let i = 0i <arr.lengthi++) {

            if (callback(arr[i])) {

                console.log(arr[i])

            }

        }

    }

    console.log('---------遍历数组----------')

    liFor(arr, val =>true)

    console.log('---------输出奇数----------')

    liFor(arr, val =>val % 2 !== 0)

    console.log('---------输出被3整除----------')

    liFor(arr, val =>val % 3 === 0)

    console.log('---------输出被3和6整除----------')

    liFor(arr, val =>val % 3 === 0 &&val % 6 === 0)

闭包函数概念:定义一个a方法,在a方法中定义一个b方法,并且b方法里面用到了a方法里面定义的变量,那么此时就形成了闭包函数,由于内部方法里面,用到外部方法里面的变量,外部方法里面的那个变量会一直在内存中存保存着。两个方法嵌套定义,里面的方法,用到了外面方法里面定义的变量,此时这两个方法就形成了闭包。

例如:

function a() {

            console.log('a函数被调用了...')

            let num1 = 100

            let num2 = 200

            function b() {

                console.log('b函数被调用了...')

                console.log(num1 + num2)

            }

            //返回的返回值也是一个函数,那么a函数就是高阶函数。

            return b

        }

        // 通常情况下,函数执行完成后,函数里面定义的变量,会被销毁。

        // a函数,已经调用完毕了,但是a函数里面定义变量,始终在内存中,因为b函数中用到了a函数中定义的变量。

        // 那么此时这两个函数,就称之为:闭包函数。

        let c = a()

        c()

        console.log('------------------------------------------')

        // 闭包函数的实际案例

        function calc(num1, num2, type) {

            switch (type) {

                case '+':

                    console.log(`${num1}+${num2}=${num1 + num2}`)

                    break

                case '-':

                    console.log(`${num1}-${num2}=${num1 - num2}`)

                    break

            }

        }

        // 在实际开发中,我们在做num1和num2的计算之前,可能需要先做其他事情

        let num1 = 100

        let num2 = 50

            // 在做其他事情的过程中,我们的数据很有可能会被篡改。

        console.log('查看用户是否登录')

        num1 = 555

        num2 = 145

        console.log('检查用户的权限')

        calc(num1, num2, '+') //运行结果不对,因为变量的值被篡改了。

        console.log('------------------------------------------')

        // 定义一个闭包函数,实现计算器功能

        function myCalc(num1, num2, type) {

            switch (type) {

                case '+':

                    return function() {

                        return num1 + num2

                    }

                case '-':

                    return function() {

                        return num1 - num2

                    }

            }

        }

        //先准备好你的数据

        let n1 = 100

        let n2 = 50

            //将你的数据传给计算器方法,由计算器方法,返回一个计算方法。

        let js = myCalc(n1, n2, '+')

            //在做具体的计算之前,还先做些其他的事情

        console.log('查看用户是否登录')

        n1 = 555

        n2 = 145

        console.log('检查用户的权限')

        //其他事件准备好了后,执行计算方法

        console.log(js())

您好,你的问题,我之前好像也遇到过,以下是我原来的解决思路和方法,希望能帮助到你,若有错误,还望见谅!this关键字指向调用它的对象,test()是在GLOBAL中调用,而且异步函数回调应该形成了闭包,回调函数中的this也应该指向GLOBAL对象,而至于为啥this.vall是undefined,则是因为用var申明的变量都是局部变量,并不是GLOBAL变量的属性。

好好去看看javascript中this关键字指的对象和闭包的概念吧。希望能帮到你非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!