JavaScrip(JS) 使用异步(async/await)函数方法 setTimeout实现定时递归调用

简介:
本文主要介绍JavaScrip(JS)中,使用 setTimeout或await sleep通过异步(async)函数方法实现递归调用和async 和 await的基本含义及使用,以及相关的示例代码。

1、async 和 await的基本含义及使用
async 是一个修饰符,async 定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。

例如,

//  async基础用法测试
async function fun0() {
    console.log(1)
    return 1
}
fun0().then( x => { console.log(x) })  //  输出结果 1, 1,

async function funa() {
    console.log('a')
    return 'a'
}
funa().then( x => { console.log(x) })  //  输出结果a, a,

async function funo() {
    console.log({})
    return {}
}
funo().then( x => { console.log(x) })   // 输出结果 {}  {}
async function funp() {
    console.log('Promise')
    return new Promise(function(resolve, reject){
        resolve('Promise')
    })
}
funp().then( x => { console.log(x) })   // 输出promise  promise

await 也是一个修饰符,await 关键字 只能放在 async 函数内部, await关键字的作用 就是获取 Promise中返回的内容, 获取的是Promise函数中resolve或者reject的值。如果await 后面并不是一个Promise的返回值,则会按照同步程序返回值处理。

例如,

//  await 关键字 只能放在 async 函数内部, await关键字的作用 就是获取 Promise中返回的内容, 获取的是Promise函数中resolve或者reject的值
// 如果await 后面并不是一个Promise的返回值,则会按照同步程序返回值处理,为undefined
const bbb = function(){ return 'string'}
async function funAsy() {
   const a = await 1
   const b = await new Promise((resolve, reject)=>{
        setTimeout(function(){
           resolve('time')
        }, 3000)
   })
   const c = await bbb()
   console.log(a, b, c)
}
funAsy()  //  运行结果是 3秒钟之后 ,输出 1, time , string,
// 如果不使用promise的方法的实现
function log2(time) {
   setTimeout(function(){
       console.log(time)
       return 1
    }, time)
}
async function fun1() {
    const a = await log2(5000)
    const b = await log2(10000)
    const c = log2(2000)
    console.log(a)
    console.log(1)
}
fun1()

2、使用setTimeout实现

async function ticker(minutes) {
  try {
    const res = await coingecko.global()
    const { market_cap_percentage } = res.data.data
    dominance = { btc: market_cap_percentage.btc, eth: market_cap_percentage.eth }
    console.log({ dominance })
  } catch (ex) {
    console.log(ex.message)
  } finally {
    setTimeout(ticker, minutes * 60 * 1000, minutes);
  }
}
setTimeout(ticker, minutes * 60 * 1000, 1);

3、使用Promise和setTimeout实现

async function sleep(ms) {
  return new Promise(res => setTimeout(res, ms));
}
(async function ticker (minutes) {
  do {
    await sleep(minutes * 60 * 1000);
    await loadData();
  } while (true);

  async function loadData() {
    try {
      const res = await coingecko.global()
      const { market_cap_percentage } = res.data.data
      dominance = { btc: market_cap_percentage.btc, eth: market_cap_percentage.eth }
    } catch (err) {
      console.error(ex.message);
    }
  }
})(1)

了解更多分析及数据抓取可查看:
http://data.yisurvey.com:8989/
特别说明:本文旨在技术交流,请勿将涉及的技术用于非法用途,否则一切后果自负。如果您觉得我们侵犯了您的合法权益,请联系我们予以处理。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,异步调用一直是一个重要的话题。许多开发者已经习惯使用Promise、回调函数等方式来处理异步代码。但是,使用async/await语法可以让异步代码更加简洁易读。 async/await是ES2017(ES8)的标准,它们允许我们以同步的方式编写异步代码。async/await基于Promises,它们提供了一种更容易理解和使用的方式来解决异步交互。 1. async 函数使用 async/await 异步调用,必须先创建一个async 函数, 像这样: ```javascript async function myAsyncFunction() { // code goes here } ``` async 函数是在定义时就立即执行的。这可以让我们确保异步代码在异步执行之前被定义。 2. await 关键字 在async函数中,调用异步操作时需要await关键字。它可以使函数停止执行,等待异步操作完成,然后返回异步操作的结果。 例如,可以等待一个Promise对象完整处理后返回结果,像这样: ```javascript async function myFunction() { const result = await myAsyncOperation(); console.log(result); } ``` 在这个例子里,myAsyncOperation()可能需要很长时间才能完成。await确保在异步操作返回之前,不会执行代码的后续部分。当操作完成时,async函数才会继续执行。 3. 错误处理 回调函数中的错误处理有时非常麻烦。但是,使用async /await,可以使用try...catch块十分方便地处理错误。 例如,如果await的异步函数失败,可以使用try/catch语句捕获该错误。 ```javascript async function myFunction() { try { const result = await myAsyncOperation(); console.log(result); } catch (error) { console.error('There was a problem with the async operation:', error); } } ``` 在这个例子里,如果myAsyncOperation 函数中有一个错误,将控制台记录相应错误信息。 总而言之,async/await 语法是一种很好的方式来处理异步操作。不仅它可以使异步代码更加简洁易读,同时也提供了错误处理和其他便利功能,通过这种方式,我们可以更加有效地管理我们的异步代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值