欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用js實(shí)現(xiàn)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器

 更新時(shí)間:2023年10月08日 10:09:21   作者:子辰Web草廬  
這篇文章主要為大家詳細(xì)介紹了如何利用js實(shí)現(xiàn)一個(gè)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器,文中的示例代碼簡(jiǎn)潔易懂,有需要的小伙伴可以參考一下

前言

前幾天我們的同學(xué)在面試的時(shí)候提供了這樣一道有趣的面試題,實(shí)現(xiàn)一個(gè)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器,具體題目如下,快來(lái)看看吧。

// 實(shí)現(xiàn)一個(gè) arrange 可以是函數(shù) / class,可以進(jìn)行時(shí)間和工作調(diào)度
// [ > ... ] 表示調(diào)用函數(shù)后的打印內(nèi)容
// 調(diào)用 arrange('William') 函數(shù)的時(shí)間加入一個(gè)任務(wù),調(diào)用 execute() 的時(shí)候執(zhí)行任務(wù)
// arrange('William').execute();
// 執(zhí)行的時(shí)候輸出這句話(huà)
// > William is notified
// 除了已上方式,還可以通過(guò) do('commit') 追加任務(wù),在執(zhí)行
// arrange('William').do('commit').execute();
// 先輸出添加的任務(wù)
// > William is notified
// 在輸出追加的任務(wù)
// > Start to commit
// 還可以通過(guò) wait(5) 在任務(wù)之間做間隔時(shí)間
// arrange('William').wait(5).do('commit').execute();
// 先輸出添加的任務(wù)
// > William is notified
// 等待 5秒
// 在輸出追加的任務(wù)
// > Start to commit
// 也可以通過(guò) waitFirst(5) 在任務(wù)調(diào)用前設(shè)置等待時(shí)間
// arrange('William').waitFirst(5).do('push').execute();
// 等待 5秒
// 先輸出添加的任務(wù)
// > William is notified
// 在輸出追加的任務(wù)
// > Start to push
function arrange(taskId) {
  // 此處寫(xiě)代碼邏輯
}
// 或使用類(lèi)組件,如果使用類(lèi)組件,調(diào)用形式可以改為: new arrange(William'),execute();
class arrange { }

任務(wù)管理器是一種可以讓你對(duì)一系列的任務(wù)進(jìn)行組織和執(zhí)行的工具,它可以讓你在添加任務(wù)、追加任務(wù)、設(shè)置任務(wù)間隔等方面有更多的自由度和靈活性。

比如,你可以用任務(wù)管理器來(lái)實(shí)現(xiàn)一個(gè)音樂(lè)播放器,一個(gè)文件上傳器,一個(gè)數(shù)據(jù)采集器等等。

聽(tīng)起來(lái)很有用吧?那么我們就來(lái)看看具體的實(shí)現(xiàn)步驟吧。

設(shè)計(jì)思路

通過(guò)以上需求我們可以知道,我們需要一個(gè)數(shù)組來(lái)記錄它的任務(wù)列表。

無(wú)論我們是調(diào)用 arrange()do()、wait() 還是 waitFirst(),都不會(huì)做任何事情,而是會(huì)產(chǎn)生一個(gè)任務(wù),把這個(gè)任務(wù)往數(shù)組里添加。

只有等到調(diào)用 execute() 的時(shí)候,才會(huì)真正的把這個(gè)數(shù)組里的任務(wù)依次拿出來(lái)執(zhí)行。

并且我們可以看到,arrange() 的調(diào)用,返回的值可以調(diào)用 do()wait() 、waitFirst()execute() 方法,也就是說(shuō) arrange 函數(shù)的返回值包含這些函數(shù)。

它又是鏈?zhǔn)秸{(diào)用,所以說(shuō)除了 execute 函數(shù)以外,每一個(gè)函數(shù)調(diào)用的返回值都是 arrange 函數(shù)的返回值。

大致邏輯就是這樣,我們一點(diǎn)一點(diǎn)去做。

代碼實(shí)現(xiàn)

function arrange(taskId) {
  // 創(chuàng)建一個(gè)空數(shù)組 tasks 來(lái)存儲(chǔ)所有的任務(wù)
  const tasks = [];
  // 因?yàn)樵谡{(diào)用 arrange() 的時(shí)候就是添加一個(gè)任務(wù),并且任務(wù)可以被調(diào)用
  // 也就是說(shuō)任務(wù)就是一個(gè)函數(shù),并且執(zhí)行任務(wù)會(huì)輸出 “任務(wù)名 + is notified” 格式的字符串
  // 所以我們?cè)谡{(diào)用時(shí)直接添加任務(wù)
  tasks.push(() => {
    console.log(`${taskId} is notified`);
  });
  // 聲明四個(gè)方法
  function execute() {}
  function doSomething() {
    // 因?yàn)?do 是保留字,所以換一個(gè)名字
  }
  function wait() {}
  function waitFirst() {}
  // 返回四個(gè)方法
  return {
    execute,
    do: doSomething,
    wait,
    waitFirst,
  };
}

接下來(lái)我們實(shí)現(xiàn)這四個(gè)方法。首先是 doSomething 方法( 因?yàn)?do 是保留字 ),它接受一個(gè)參數(shù) something,表示要追加的任務(wù)名。

然后它把任務(wù)( 也就是打印 Start to ${something})推入數(shù)組中。

最后它返回自身( 也就是包含四個(gè)方法的對(duì)象 ),以便于鏈?zhǔn)秸{(diào)用。

function doSomething(something) {
  tasks.push(() => {
    console.log(`Start to ${something}`);
  });
  return this;
}

然后是 wait 方法,它接受一個(gè)參數(shù) duration,表示要等待的時(shí)間( 單位為秒 )。

然后它把任務(wù)( 也就是等待一段時(shí)間 )推入數(shù)組中。

這里我們使用了 Promise 來(lái)實(shí)現(xiàn)異步操作,在指定時(shí)間后 resolve 這個(gè) Promise。

最后它也返回自身。

function wait(duration) {
  tasks.push(
    () =>
      new Promise((resolve) => {
        setTimeout(resolve, duration * 1000);
      })
  );
  return this;
}

接著是 waitFirst 方法,它跟 wait 方法類(lèi)似,只不過(guò)它把等待時(shí)間作為第一個(gè)任務(wù)插入到數(shù)組中。

所以我們使用了數(shù)組的 unshift 方法來(lái)實(shí)現(xiàn)。

function waitFirst(duration) {
  tasks.unshift(
    () =>
      new Promise((resolve) => {
        setTimeout(resolve, duration * 1000);
      })
  );
  return this;
}

最后是 execute 方法,它沒(méi)有參數(shù),也沒(méi)有返回值。

它負(fù)責(zé)遍歷數(shù)組中所有的任務(wù),并依次執(zhí)行它們。

因?yàn)橛行┤蝿?wù)是異步的(比如等待時(shí)間),所以我們使用了 async/await 的語(yǔ)法來(lái)保證執(zhí)行順序。

async function execute() {
  for (const t of tasks) {
    await t();
  }
}

至此我們已經(jīng)完成了所有代碼。

完整代碼如下:

function arrange(taskId) {
  const tasks = [];
  tasks.push(() => {
    console.log(`${taskId} is notified`);
  });
  async function execute() {
    for (const t of tasks) {
      await t();
    }
  }
  function doSomething(something) {
    tasks.push(() => {
      console.log(`Start to ${something}`);
    });
    return this;
  }
  function wait(duration) {
    tasks.push(
      () =>
        new Promise((resolve) => {
          setTimeout(resolve, duration * 1000);
        })
    );
    return this;
  }
  function waitFirst(duration) {
    tasks.unshift(
      () =>
        new Promise((resolve) => {
          setTimeout(resolve, duration * 1000);
        })
    );
    return this;
  }
  return {
    execute,
    do: doSomething,
    wait,
    waitFirst,
  };
}
arrange("Tom").wait(2).do("abc").do("bcd").execute();

可以看到,任務(wù)的執(zhí)行已經(jīng)按照我們的預(yù)期完成啦。

總結(jié)

通過(guò)這篇文章,我們學(xué)習(xí)了如何實(shí)現(xiàn)一個(gè)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器,它可以讓我們對(duì)一系列的任務(wù)進(jìn)行組織和執(zhí)行,讓我們的代碼更加智能和高效。

我們主要利用了鏈?zhǔn)秸{(diào)用和異步編程的方式,以及 Promise 和 async/await 的語(yǔ)法,來(lái)實(shí)現(xiàn)同步和異步的任務(wù)調(diào)度。

這是一個(gè)很好的面試題,也是一個(gè)很有用的技能。

在未來(lái)的開(kāi)發(fā)中,類(lèi)似這樣的任務(wù)調(diào)度器會(huì)經(jīng)常用到,特別是在需要按照一定順序執(zhí)行一系列異步操作的場(chǎng)景下,比如批量上傳文件、批量下載數(shù)據(jù)等。

掌握了這種任務(wù)調(diào)度器的實(shí)現(xiàn)方式,我們可以更加高效地完成復(fù)雜的異步編程任務(wù),提升我們的開(kāi)發(fā)效率和代碼質(zhì)量。

到此這篇關(guān)于利用js實(shí)現(xiàn)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器的文章就介紹到這了,更多相關(guān)js任務(wù)管理器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論