js 彻底理解回调函数「建议收藏」

一、前奏在谈回调函数之前,先看下下面两段代码:不妨猜测一下代码的结果。functionsay(value){alert(value);}alert(say);alert(say(‘hijs.’));如果你测试了,就会发现:只写变量名say返回的将会是say方法本身,以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的结果,这里

大家好,又见面了,我是你们的朋友全栈君。

一、前奏

在谈回调函数之前,先看下下面两段代码:
不妨猜测一下代码的结果。

function say (value) { alert(value); } alert(say);
alert(say('hi js.'));

如果你测试了,就会发现:

只写变量名  say   返回的将会是 say方法本身,以字符串的形式表现出来。
而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值。

二、js中函数可以作为参数传递

再看下面的两段代码:

function say (value) { 
   
    alert(value);
}
function execute (someFunction, value) { 
   
    someFunction(value);
}
execute(say, 'hi js.');

function execute (someFunction, value) { 
   
    someFunction(value);
}
execute(function(value){ 
   alert(value);}, 'hi js.');

上面第一段代码是将say方法作为参数传递给execute方法
第二段代码则是直接将匿名函数作为参数传递给execute方法

实际上:

function say (value) { 
   
    alert(value);
}
// 注意看下面,直接写say方法的方法名与下面的匿名函数可以认为是一个东西
// 这样再看上面两段代码是不是对函数可以作为参数传递就更加清晰了
say;

function (value) { 
   
    alert(value);
}
这里的say或者匿名函数就被称为回调函数。

三、回调函数易混淆点——传参

如果回调函数需要传参,如何做到,这里介绍两种解决方案。

  • 将回调函数的参数作为与回调函数同等级的参数进行传递

回调函数传参方法1

  • 回调函数的参数在调用回调函数内部创建

回调函数参数在调用回调函数内部创建

四、写在最后

回调函数应用场景多用在使用 js 写组件时,尤其是组件的事件很多都需要回调函数的支持。
关于回调函数还有什么问题可以在下面留言,一起交流。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/125080.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月4日 下午8:35
下一篇 2022年4月4日 下午9:00


相关推荐

  • 国产安全加固操作系统(安全可靠应用替代)

    据国家信息安全漏洞共享平台(CNVD)统计数据,2016年我国共收录通用软硬件漏洞10822个,漏洞来源涵盖了众多知名的国外厂商。应用软件的不安全性对我国信息技术发展产生了重大威胁,近年来我国频繁发布信息安全相关政策,鼓励安全可靠技术和产业生态发展,以应对这种局面。安可产业要实现技术自主可控,需要在四个层面逐步实现:基础硬件设施,如芯片、服务器、存储、交换机、路由器;底层…

    2022年4月15日
    137
  • zencart的html文件,zencart模板 哪儿有zencart免费模版?

    zencart的html文件,zencart模板 哪儿有zencart免费模版?才接触zencart,但是代码,css+div都懂,毕竟自己不是美工。现在有个B2教你一个方法,把模板down下来,然后先通过CSS+div修改成适合zencart的标签。哪里有漂亮的zencart模板?免费的如果作者只是玩玩,建议你去zencart国内论坛的模板下载区看看如果是商用,免费模板一般都是拿来作为基础模板进行修改的。哪儿有zencart免费模版?zencart模板里,如何实现在商…

    2022年7月27日
    11
  • 安卓传感器开发_android传感器开发

    安卓传感器开发_android传感器开发昨天利用Vibrator将手机改造成振动器,女票大人很满意,今天再接再厉,研究一下Android传感器如何开发……主要涉及到三个类,Sensor,SensorManager,SensorEventListener。看名字就知道大概意思了,Sensor传感器,SensorManager传感器管理者,SensorEventListener传感器事件监听。SensorManager开发者文档给的类简

    2026年4月18日
    4
  • 0 代码,一键部署 Qwen3

    0 代码,一键部署 Qwen3

    2026年3月12日
    2
  • SLAM中的marginalization 和 Schur complement

    SLAM中的marginalization 和 Schur complement在视觉 SLAM 的很多论文中 会大量或者偶尔出现 marginalizat 这个词 翻译为边缘化 有的论文是特地要用它 比如 slidingwindo 2 okvis 3 dso 4 而有的论文是简单的提到 比如 g2o 1 orbslam 因此 很有必要对这个概念进行了解

    2026年3月18日
    2
  • java 成绩管理系统 报告_Java学生成绩管理系统实验报告

    java 成绩管理系统 报告_Java学生成绩管理系统实验报告实验名称实验类型实验编号学生成绩管理系统□验证实验学时√综合1分组号指导教师8+101实验日期实验时间实验地点6A-413一、实验目的和要求(1)掌握java的基本数据类型;掌握数组的定义和使用;(2)掌握java语言中的控制结构的使用;(3)掌握java语言中的类的定义与使用;(4)掌握java语言中继承、多态、接口、抽象类、异常处理等;…

    2022年7月15日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号