Javascript 中函数实际上是对象,它能被存储在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;

释义:回调函数,一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”),回调函数在otherFunction中被调用。

//  注意到click方法中是一个函数而不是一个变量,
//  它就是回调函数
$("#btn").click(function() {alert("hello world");
});  //或者上面写成以下
function click() { // 它就是回调函数alert("hello world");
}
$("#btn").click(click);

1、回调函数是怎样运作的?

因为函数在Javascript中是第一类对象,我们像对待对象一样对待函数,因此我们能像传递变量一样传递函数,在函数中返回函数,在其他函数中使用函数。当我们将一个回调函数作为参数传递给另一个函数是,我们仅仅传递了函数定义。我们并没有在参数中执行函数。我们并不传递像我们平时执行函数一样带有一对执行小括号()的函数。

需要注意的很重要的一点是回调函数并不会马上被执行。它会在包含它的函数内的某个特定时间点被“回调”(就像它的名字一样)

2、实现回调函数的基本原理?
使用命名函数或者匿名函数作为回调,像之前的例子一样,第一种方法就是匿名函数作为回调(使用了参数位置定义的匿名函数作为回调函数)。第二种方式就是命名函数作为回调(定义一个命名函数并将函数名作为变量传递给函数)

常用方法,传递参数给回调函数:

方法一:匿名函数作为回调函数


var generalLastName = "BruceLee";
function getInput(options, callback){var arr = [];arr.push(options);//将全局变量generalLastName传递给回调函数callback(generalLastName,arr);
}
getInput({name:"long",speciality:"WingChun"}, function(generalLastName,arr){console.log(generalLastName + ":" + arr[0].speciality)
});

方法二:命名函数作为回调函数

var generalLastName = "BruceLee";
function getInput(options, callback){var arr = [];arr.push(options);//将全局变量generalLastName传递给回调函数callback(generalLastName,arr);
}
function call(generalLastName,arr){console.log(generalLastName + ":" + arr[0].speciality)
}
getInput({name:"long",speciality:"WingChun"}, call);

js回调函数使用方法相关推荐

  1. html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...

    本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...

  2. js回调函数的理解(轉)

    js回调函数(callback)理解Mark!讲之前说一句function say(){alert(,,,,,,,,)}var say=function (){alert(,,,,,,,)}var s ...

  3. html js 回调函数,js中回调函数的学习笔记

    回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考. 回调函数原理: 我现在出发,到了通知你" ...

  4. js回调函数获取异步返回值

    js回调函数获取异步返回值 1.尝试获取异步返回值 function test(){var res = 0;setTimeout(function(){res = 1;},1000)return re ...

  5. [转]在C#中使用API回调函数的方法

    在C#中使用API回调函数的方法 就以EnumChildWindows和EnumChildProc为例子: 首先要声明EnumChildProc 为一个回调函数 public delegate boo ...

  6. 【转】JS回调函数--简单易懂有实例

    JS回调函数--简单易懂有实例 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...

  7. JS回调函数(callback)

    在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({url:"test.json",type: "GET", ...

  8. node.js 回调函数

    Node.js 回调函数 Node.js 异步编程的直接体现就是回调. 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了. 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数, ...

  9. layui外部引入_layui use 定义js外部引用函数的方法

    layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下: layui.us ...

  10. mysql.js回调函数_js回调函数(callback)

    Mark! js学习 不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...

最新文章

  1. 「杂谈」旷视科技新产品监视学生上课不是什么好事儿
  2. 布线须知:无线AP采用PoE交换机供电的好处
  3. 单独获取ShopEx商品类型中的扩展参数,如配货时间
  4. GD32如何替换STM32?
  5. 迅雷加载项会导致IE9浏览器崩溃
  6. 作者:贺田田(1985-),男,香港理工大学电子计算学系博士生
  7. android 外部存储列表,如何获取Android设备的已安装外部存储列表
  8. 阐述HTML语言的基本语法规则,HTML基本语法和语义写法规则与实例
  9. 40万亿“新基建”来了!程序员的新翻身机会终于也来了!
  10. MatlabTrick
  11. (Windows)获取系统显示的缩放比例方法
  12. 5、OC —— @property和@synthesize
  13. 使用readelf和objdump剖析目标文件
  14. 张量的基本概念及应用
  15. 网易易盾—推理拼图验证码的破解
  16. buuctf web wp
  17. Ubuntu更换系统字体
  18. 瘦身长腿、日新小清新治愈系、lomo效果
  19. 【蜂口 | AI人工智能】三维人脸重建——龙鹏 深度学习与人脸图像应用连载(十)
  20. 无须注册的云盘平台anonfile

热门文章

  1. 机器人主流编程语言盘点 及优缺点分析
  2. 如何用excel数据分析计算相关系数
  3. Contest3115 - 2021级新生个人训练赛第23场_10247 Problem C 爱好数学的国王
  4. 【考研数学高数部分】泰勒展开式
  5. Chevereto网站存放图像至相应二级分类文件夹
  6. 【渝粤题库】陕西师范大学191201 刑法专论 作业
  7. matlab面板数据怎么求增长率的公式,增长率怎么计算公式(7个步骤详解)
  8. 早上不会起不来!五个窍门帮你摆脱起床困难症(ฅ◑ω◑ฅ)
  9. Axure原型图入门
  10. msm8953 uart配置