js中的回调函数

Posted 2021-02-02 无所不能的风

如何理解回调函数，这个地方我是反复看反复的不会

今天又看到arr中的forEach方法，又上网查了一遍资料

首先来看一下网上有个回调函数的例子

        function getData(callback){
            setInterval(function(){
                var info = {
                    name:‘xu‘,
                    id:1
                }
                callback(info)
            },1000)
        }
        function check(data){
            if(data.id == 1){
                console.log(‘恭喜你!验证成功‘)
            }
        }

        getData(check)

我先来解释一下上面的代码意思（仅供参考，有不对地方请指正）

在解释之前我要说一下什么是函数的调用

函数名加括号：fn() 这就是函数的调用 如果括号里有参数的话，我们叫他形参

接着上面例子讲。在不看参数的情况下上面有2个函数，都是属于函数的声明

分别是：getData（）和check（）

getData里有个定时器，每隔一秒创建一个对象info，info里有name和id属性，还有1个函数的调用

check里有个判断，获得形参的id属性和1进行比较，如果是true，就在控制台打印console.log(‘恭喜你!验证成功‘)

当我们真正调用时执行的步骤如下：

先是执行getData函数，里有个定时器，每隔一秒创建一个对象info，info里有name和id属性

然后执行到callback（info），这里是将刚才执行到getData函数中的参数check拿来替换callback 变成check（info）

这里就是函数的调用，将info的实参替换data的形参，并去判断id属性值是不是1，真返回console.log(‘恭喜你!验证成功‘)，false不做判断

至于那个forEach还在理解当中....