JavaScript回调函数的实现
https://github.com/forsigner/blog/blob/master/source/_posts/javascript-callback.md
在JavaScript中,回调函数的使用非常频繁。特别是在各种Javascript库中,经常在一个函数中使用回调函数,例如jQuery中的each()方法。一年以来,在使用各种有回调函数的函数时,都没有去深究其内部的实现原理真,惭愧。在有米实习时,在读js师兄的代码时,偶然看到他写的一个函数是他自己实现回调函数的,当时感觉很神奇,原来这就是回调函数啊,之后google了很多关于Javascript回调函数的资料,终于大概弄明白回调函数是什么了。以下是自己对回调函数的一些理解。
回调函数定义:... 理论一直是我的弱项,定义暂时没法定,以后弄懂再补上,我暂时只懂它的用法orz。
回调函数的基本实现:
// 声明一个函数,它的参数是一个函数fn
function example(fn) {
// 回调前,可以do something
alert('我是回调前执行的代码');
// 存在fn则直接用,不存fn在则用函数表达式的方式声明一个
fn = fn || function() {};
fn(); // 调用传进来的fn
}
// 调用传进来的fn
function callback() {
alert('I am callback!')
}
example(callback); // 调用函数a
这个例子展示回调函数基本实现方法,实现回调的关键是把一个函数当成另一个参数。当然实践中很少用上面方式去使用回调函数,一般把一个匿名函数传入当成回调函数,这种方法在Javascript中使用非常广泛,下面是一个基本的例子。
// 声明一个函数,它的参数是一个函数fn
function example(fn) {
// 回调前,可以do something
alert('我是回调前执行的代码');
// 存在fn则直接用,不存fn在则用函数表达式的方式声明一个
fn = fn || function() {};
fn(); // 调用传进来的fn
}
// 把匿名函数当做参数
example(function() {
alert('I am callback!')
});
使用匿名函数作为参数,不仅可以极少代码,也让代码更好管理,更加灵活。
任何函数都是可以传入参数的,回调函数一样:
// 声明一个函数,它的参数是一个函数fn
function example(a, fn) {
// 回调前,可以do something
alert(a);
// 存在fn则直接用,不存fn在则用函数表达式的方式声明一个
fn = fn || function() {};
fn(m); // 调用传进来的fn
}
// 把匿名函数当做参数
var m = 'I am callback!';
example('我是回调前执行的代码', function(m) {
alert(m)
});
以上就是Javascript回调函数的实现方法和简单用法,关于回调函数的作用,我的理解是:其实,每个函数的定义都是为了实现某些功能,在一个拥有回调函数的函数中,一般把实现一个功能的通用代码写在回调函数前,其实后也可以,而开发者在回调函数中自定义自己需要的功能。文艺一点,就是回调函数让世界更加多姿多彩。
done。
JavaScript回调函数的实现的更多相关文章
- 理解 JavaScript 回调函数并使用
JavaScript中,函数是一等(first-class)对象:也就是说,函数是 Object 类型并且可以像其他一等对象(String,Array,Number等)一样使用.它们可以"保 ...
- 【JavaScript】JavaScript回调函数
什么是Javascript 回调函数? 函数和其他数据一样可以被赋值,删除,拷贝等,所以也可以把函数作为参数传入到另一个函数中. 这个函数就是所谓的回调函数 举例: //不带参数的case fun ...
- 理解javascript 回调函数
##回调函数定义 百度百科:回调函数 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数.回调函数不 ...
- JavaScript回调函数及数组方法测试
JavaScript回调函数及数组方法测试 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> &l ...
- 如何定义 Java 的回调函数,与 JavaScript 回调函数的区别
JavaScript 中的回调函数 在 JavaScript 中经常使用回调函数,比如:get 请求.post 请求等异步任务.在我们请求之前以及请求之后,都需要完成一些固定的操作,比如:请求之前先从 ...
- JavaScript回调函数的理解
这里是个人对回调函数的一段理解 <!DOCTYPE html> <html> <head> <title>回调函数</title> < ...
- 关于javascript 回调函数
http://segmentfault.com/q/1010000000212522 如何避免Javascript中回调函数的嵌套? http://javascript.ruanyifeng.com/ ...
- javascript 回调函数应用
回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考. 回调函数原理: 我现在出发,到了通知你”这是一个异步 ...
- javascript回调函数笔记
来源于:https://github.com/useaname/blog-study 在Javascript中,函数是第一类对象.意味函数可以像对象一样按照第一类被管理使用.回调函数是从一个叫函数式编 ...
随机推荐
- poj 1751 输出MST中新加入的边
给出结点的坐标 以及已建好的边 要输出MST中加入的边(已建好的边就不用输出了)结点的编号从1开始注意这题只有一组数据 不能用多组输入 否则就超时(在这被坑惨了Orz) Sample Input 91 ...
- 自己实现一个和PYTHON的库一模一样的sha_256算法
同时在看一本书<从零开始-自己动手写区块链>, 这书讲得易懂,我也动手实践一下. 这个算法和python3本身的实现相同, 所以,同样的字串,摘要是相同的. import struct i ...
- mysql 增加只读用户查询指定表
GRANT SELECT ON dsideal_db.t_base_organization TO 'guanli'@'%' IDENTIFIED BY '123456';GRANT SELECT O ...
- 【莫比乌斯反演】HDU1695_GCD
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1695 第一道莫比乌斯反演 感觉很巧妙的就是利用了F(x)=(n/x)*(m/x) 之后的那个去重也挺不 ...
- PIGS
题解: 考虑建立一个分层图,从s向猪圈连边,容量为初始容量, 猪圈向第一个顾客连边,容量为INF 顾客向汇点连边,容量为购买量 这样一轮就搞完了,考虑下一个顾客 由于上一轮被顾客访问的猪圈都互通了,那 ...
- 转载 c++指针 指针入门
这是一篇我所见过的关于指针的最好的入门级文章,它可使初学者在很短的时间内掌握复杂的指针操作.虽然,现在的Java.C#等语言已经取消了指针,但作为一个C++程序员,指针的直接操作内存,在数据操作方面有 ...
- 逃离迷宫 HDU1728 (bfs)
和连连看非常相似 都是求转向的BFS 改了一下就上交了... #include<cstdio> #include<cstring> #include<algorith ...
- 007 关于Spark下的第二种模式——standalone搭建
一:介绍 1.介绍standalone Standalone模式是Spark自身管理资源的一个模式,类似Yarn Yarn的结构: ResourceManager: 负责集群资源的管理 NodeMan ...
- (转)HIBERNATE与 MYBATIS的对比
第一方面:开发速度的对比 就开发速度而言,Hibernate的真正掌握要比Mybatis来得难些.Mybatis框架相对简单很容易上手,但也相对简陋些.个人觉得要用好Mybatis还是首先要先理解好H ...
- POJ1006 Biorhythms【中国剩余定理】
<题目链接> 题目大意: 人体的体力每23天会达到峰值,情感每28天会达到峰值,智力每33天会达到峰值,一个人在a天体力达到峰值,b天情感达到峰值,c天智力达到峰值,求这个人下一次体力情感 ...