zoukankan      html  css  js  c++  java
  • 1.1 回调函数

    引言:

      当我们在接触到一个新知识的时候,一般都会遇到三个问题:是什么?有什么用(什么时候用,用来干什么)? 怎么用?

      这三个问题,也就是我们要学习一块新知识要解决的问题。

    一、什么是回调函数?

    所谓的回调函数就是:你定义的,你没有调用,但是最终它执行了,这样的函数就是回调函数;

    如:

    // 同步回调
    let arr = ['a', 'b', 'c']
    // forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;
    arr.forEach((value) => {
        console.log(value); // a, b, c
    })
    
    // 异步回调
    $.get(url, callbackfn(data))

    遍历数组时,forEach(callbackfn)要求我们传入的就是一个回调函数,我这里传入的是箭头函数(匿名函数),这个函数

    是我定义的,我没有调用,但是它最终执行了。

    二、回调函数有什么用?

      回调函数与同步、异步并没有直接的联系,回调只是一种实现方式,既可以有同步回调,也可以有异步回调,
    还可以有事件处理回调和延迟函数回调,这些在我们工作中有很多的使用场景。

      所以,其实并不是我们不认识回调函数,而是我们都萦绕在了这个“callback“ 这个词上,当你在一个函数中看到
    它是就会困惑,其实它只是一个形参名字而已,只不过这个参数是一个函数。而这里的forEash函数为高阶函
    数(接收函数作为参数或将函数作为输出返回的函数称为高阶函数)。

    为什么要使用回调函数?

    (1) 关于回调函数和js单线程以及js异步机制

      由于js是单线程的,这种设计模式给我们带来了很多的方便之处,我们不需要考虑各个线程之间的通信,也不需要写很多烧脑的代码,
    也就是说js的引擎只能一件一件事的去完成和执行相关的操作,所以所有需要执行的事情都像排队一样,等待着被触发和执行,可是如果这
    样的话,如果在队列中有一件事情需要花费很多的时间,那么后面的任务都将处于一种等待状态,有时甚至会出现浏览器假死现象,例如其
    中有一件正在执行的一个任务是一个死循环(话费较长的时间),那么会导致后续其他的任务无法正常执行,所以js在同步机制的缺陷下设计
    出了异步模式。
      在异步执行的模式下,每一个异步的任务都有其自己一个或着多个回调函数,这样当前在执行的异步任务执行完之后,不会马上执行事
    件队列中的下一项任务,而是执行它的回调函数,而下一项任务也不会等当前这个回调函数执行完,因为它也不能确定当前的回调合适执行
    完毕,只要引它被触发就会执行。

     (2) js的单线程浏览器内核的多线程

    浏览器的内核是多线程的,如图:cayley的草图

    浏览器常驻三大线程:  js引擎线程,GUI渲染线程,浏览器事件触发线程

    浏览器是一个多线程的执行环境,在浏览器的内核中分配了多个线程,最主要的线程之一即是js引擎的线程,同时js事件队列中的异步请求,

    交互事件触发,定时器等事件都是由浏览器的事件触发线程进行监听的,浏览器的事件触发线程被触发后会把任务加入到js 引擎的任务队列

    中,当js 引擎空闲时候就会开始执行该任务。

    参考文档:

    关于js中的回调函数callback,通俗易懂

    javascript回调函数的理解

  • 相关阅读:
    关于ueditor1.4.3版复制section标签丢失class和style样式问题
    关于移动手机端富文本编辑器qeditor图片上传改造
    移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览
    PLSQL Developer如何设置自动打开上次编辑的文件
    Linux目录结构
    git与代码托管工具
    mysql的索引
    Gson学习记录
    java线程池的初探
    netty学习总结(一)
  • 原文地址:https://www.cnblogs.com/shiyun32/p/11294450.html
Copyright © 2011-2022 走看看