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回调函数的实现的更多相关文章

  1. 理解 JavaScript 回调函数并使用

    JavaScript中,函数是一等(first-class)对象:也就是说,函数是 Object 类型并且可以像其他一等对象(String,Array,Number等)一样使用.它们可以"保 ...

  2. 【JavaScript】JavaScript回调函数

    什么是Javascript 回调函数? 函数和其他数据一样可以被赋值,删除,拷贝等,所以也可以把函数作为参数传入到另一个函数中. 这个函数就是所谓的回调函数   举例: //不带参数的case fun ...

  3. 理解javascript 回调函数

    ##回调函数定义 百度百科:回调函数 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数.回调函数不 ...

  4. JavaScript回调函数及数组方法测试

    JavaScript回调函数及数组方法测试 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> &l ...

  5. 如何定义 Java 的回调函数,与 JavaScript 回调函数的区别

    JavaScript 中的回调函数 在 JavaScript 中经常使用回调函数,比如:get 请求.post 请求等异步任务.在我们请求之前以及请求之后,都需要完成一些固定的操作,比如:请求之前先从 ...

  6. JavaScript回调函数的理解

    这里是个人对回调函数的一段理解 <!DOCTYPE html> <html> <head> <title>回调函数</title> < ...

  7. 关于javascript 回调函数

    http://segmentfault.com/q/1010000000212522 如何避免Javascript中回调函数的嵌套? http://javascript.ruanyifeng.com/ ...

  8. javascript 回调函数应用

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

  9. javascript回调函数笔记

    来源于:https://github.com/useaname/blog-study 在Javascript中,函数是第一类对象.意味函数可以像对象一样按照第一类被管理使用.回调函数是从一个叫函数式编 ...

随机推荐

  1. PostgreSQL 列出所有表名和数据库名, 删除session被占用的数据库

    https://blog.csdn.net/Michael_Lbs/article/details/57509940

  2. Delphi---TServerSocket和TClientSocket发送和接收大数据包

    https://www.cnblogs.com/zhangzhifeng/p/6065244.html TServerSocket和TClientSocket用非阻塞模式发送和接收比较大的数据时,可能 ...

  3. 小程序block标签配合if和else

    <block wx:if="{{hasMore}}"> <view class="loading-tip">拼命加载中…</vie ...

  4. [转]Mysql 存储过程和函数区别

    http://blog.csdn.net/wangsifu2009/article/details/6725213 存储过程是用户定义的一系列sql语句的集合,涉及特定表或其它对象的任务,用户可以调用 ...

  5. C#编码、解码

    1.HttpUtility.UrlEncode 方法: 对 URL 字符串进行编码,以便实现从 Web 服务器到客户端的可靠的 HTTP 传输.重载列表: [1]将字节数组转换为已编码的 URL 字符 ...

  6. Python 模块介绍

    一.模块:用一坨代码实现了某个功能的代码集合. 二.模块分为三种 1.自定义模块 2.内置标准模块(又称标准库) 3.开源模块(上传方式,百度PyPi) 开源模块安装方式: a.yum b.pip c ...

  7. 030 分布式集群中,设定时间同步服务器,以及ntpd与ntpdate的区别

    什么时候配置时间同步? 当分布式集群配置好了以后,马上配置的是SSH无密钥配置,然后就是配置时间同步. 时间同步在集群中特别重要. 一:时间同步 1.时间同步 集群中必须有一个统一的时间 如果是内网, ...

  8. BootstrapTable使用实例

    一.bootstrapTable简单使用: <link rel="stylesheet" href="./static/libs/bootstrap/css/boo ...

  9. Spring Boot 项目实战(一)Maven 多模块项目搭建

    一.前言 最近公司项目准备开始重构,框架选定为 Spring Boot ,本篇主要记录了在 IDEA 中搭建 Spring Boot Maven 多模块项目的过程. 二.软件及硬件环境 macOS S ...

  10. 11,EasyNetQ-调度事件与定时发布

    许多业务流程都要求将事件安排在未来的某个日期. 例如,在与客户进行初次销售联系之后,我们可能希望在将来某个时间安排后续电话. EasyNetQ可以通过其未来发布功能帮助您实现此功能. 例如,我们在这里 ...