js回调函数

回调函数就是传递一个可作为参数的函数,该函数作为一个参数传到另一个主函数中,当这个主函数执行完之后,再执行作为参数的函数,这个参数化函数就是一个回调函数。

通过指针来调用函数。我们常用的定时器setTimeOut()和setInterval()都是回调函数。

<script>
      
        function callBack(value){
            console.log(value);
        }
        function main(callBack,value){
            console.log("我是主函数");
            callBack(value);    //结果是“我是回调函数”
        }
        main(callBack,"我是回调函数");//将回调函数的参数作为与回调函数同等级的参数进行传递

    </script>

调用的是main函数,意味着先调用main函数,输出“我是主函数” 在main函数中,callBack作为一个参数传递过来 ,这个参数也就是callBack()函数所需要的,先调用的main()函数,得到了value的值,再调用callBack()函数时,输出的value值也就是已获得的“我是主函数”。

 传参问题

回调函数的参数也可以在调用回调函数内部创建

<script>

        function callBack(value) {
            console.log(value);
        }

        function main(someFunction) {
            var value = myFunction();    //接收到name的值了
            function myFunction(name){    //具有实参的myFunction函数获取了name值
                return "hello javaScript"
           }
           
            someFunction(value);    //someFunction()也是一个回调函数
        }
        main(callBack);

    </script>

更简单一点

 main函数只接收一个参数,也就是callBack函数本身callBack()函数的参数在main()函数内部已经定义过了,callBack()函数是回调函数

 <script>

        function callBack(value) {
            console.log(value.name);
        }

        function main(someFunction) {
            var value = {
                name: "hello javaScript"
            }
            someFunction(value);
        }
        main(callBack);

    </script>

 补充:回调函数是异步编程的一种形式,进程不需要一直等下去,而是继续执行下面的操作,不用管其他进程的状态。当有信息返回时,系统会通知进程进行处理,这样可以提高执行的效率。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript回调函数是一种在函数执行完毕后,将另一个函数作为参数传递并在特定时间点执行的函数。通过回调函数,我们可以在某个操作完成后执行一些额外的逻辑或处理结果。 回调函数的使用场合包括异步操作,例如网络请求、文件读取等,以及事件处理,如点击事件、定时器等。当某个操作需要一段时间才能完成时,我们可以提供一个回调函数来处理操作完成后的结果。 在JavaScript中,回调函数的this指向问题常常会引起困扰。在回调函数中,this的指向可能不是我们期望的对象。为了解决这个问题,可以使用箭头函数或使用bind方法来绑定正确的this值。箭头函数没有自己的this值,会继承外层作用域的this值,因此可以避免this指向问题。另外,bind方法可以创建一个新函数,将指定的对象绑定为新函数的this值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [js回调函数](https://blog.csdn.net/m0_68997646/article/details/127345208)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [javascript 回调函数详解](https://download.csdn.net/download/weixin_38727928/13041238)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值