首页 > 其他分享 >【js学习笔记九】前端异步请求逐步进行一回调

【js学习笔记九】前端异步请求逐步进行一回调

时间:2023-06-26 18:32:10浏览次数:37  
标签:function 异步 geyao log fangfang 笔记 js console setTimeout


 

目录

前言

导语

前言

运行结果

解决方案

运行结果


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

前端异步请求逐步进行一回调

【js学习笔记九】前端异步请求逐步进行一回调_解决方案

【js学习笔记九】前端异步请求逐步进行一回调_异步请求_02编辑

前言

假设有个场景 两个函数 必须先执行一个之后再去执行另一个

function fangfang() {
      setTimeout(() => {
        console.log("我给你钱")
      },1000)
    }
    function geyao() {
      setTimeout(() => {
        console.log("我去买东西")
      },500)
    }
    fangfang();
    geyao();

【js学习笔记九】前端异步请求逐步进行一回调_解决方案_03

运行结果

我去买东西

我给你钱

解决方案

//我必须拿到钱 才去买东西 然后买好了
    function fangfang(geyao) {
      setTimeout(() => {
        console.log("我给你钱")
        geyao(kangkang)
      },1000)
    }
    function geyao(kangkang) {
      setTimeout(() => {
        console.log("我去买东西")
        kangkang()
      },500)
    }
      function kangkang() {
      setTimeout(() => {
        console.log("我买好了")
      },500)
    }
    fangfang(geyao)

【js学习笔记九】前端异步请求逐步进行一回调_解决方案_04

运行结果

我给你钱

我去买东西

我买好了


标签:function,异步,geyao,log,fangfang,笔记,js,console,setTimeout
From: https://blog.51cto.com/u_14476028/6556599

相关文章

  • Linux用户管理笔记1
    useradd创建用户命令: useraddwork    #创建名为work的一般用户以及用户所属组,用来日常完成工作的用户,普通用户下不能够新建普通用户。 useradd-rwork #创建名为work的系统用户以及所属组群,默认情况下不能登录服务器,只能去调用某个服务程序......
  • JavaScript进阶13笔记
    数字和日期数字在JavaScript里面,数字均为双精度浮点类型,即一个介于±2^−1023和±2^+1024之间的数字,或约为±10^−308到±10^+308,数字精度为53位。整数数值仅在±(2^53-1)的范围内可以表示准确。即一个介于±2^−1023和±2^+1024之间的数字,或约为±10^−30......
  • JavaScript进阶15笔记
    正则表达式正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。这些模式被用于RegExp的exec和test方法,以及String的match、matchAll、replace、search和split方法。本章介绍JavaScript正则表达式。 创建一个正则表达式你可以使......
  • JavaScript进阶14笔记.md
    文本格式化字符串JavaScript中的String类型用于表示文本型的数据。它是由无符号整数值(16bit)作为元素而组成的集合。字符串中的每个元素在字符串中占据一个位置。第一个元素的index值是0,下一个元素的index值是1,以此类推。字符串的长度就是字符串中所含的元素个数。你可......
  • JavaScript进阶17笔记
    带键的集合这一章介绍由key值标记的数据容器;Map和Set对象承载的数据元素可以按照插入时的顺序被迭代遍历。 映射Map对象ECMAScript2015引入了一个新的数据结构来将一个值映射到另一个值。一个Map对象就是一个简单的键值对映射集合,可以按照数据插入时的顺序遍历所有的......
  • JavaScript进阶16笔记
    集合类JavaScript中没有明确的数组数据类型。但是,你可以使用预定义的Array对象及其方法来处理应用程序中的数组。Array对象具有以各种方式操作数组的方法,例如连接、反转和排序。它有一个用于确定数组长度的属性和用于正则表达式的其他属性。 创建数组以下语句创建了等效......
  • JavaScript进阶19笔记
    使用PromisePromise是一个对象,它代表了一个异步操作的最终完成或者失败。本质上Promise是一个函数返回的对象,我们可以在它上面绑定回调函数,这样我们就不需要在一开始把回调函数作为参数传入这个函数了。假设现在有一个名为createAudioFileAsync()的函数,它接收一些配置和两......
  • JavaScript进阶18笔记.md
    使用对象JavaScript的设计是一个简单的基于对象的范式。一个对象就是一系列属性的集合,一个属性包含一个名和一个值。一个属性的值可以是函数,这种情况下属性也被称为方法。除了浏览器里面预定义的那些对象之外,你也可以定义你自己的对象。本章节讲述了怎么使用对象、属性、函数和......
  • JavaScript基础第06天笔记
    1-内置对象1.1内置对象JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象​前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于JS独有的,JSAPI讲解内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基......
  • JavaScript进阶07笔记
    Javascript进阶学习在最新版本的火狐浏览器上才有的功能。火狐浏览器内置的Web控制台非常适合学习JavaScript,Web控制台包含两个输入模式——单行模式、多行模式。单行模式web控制台不仅可以展示当前已加载页面的信息,还包含一个可以在当前页面执行Javascript表达式的命......