javascript 異步編程

之前一直被一個問題困擾。
“一個購物車列表接口,一個商品列表接口,其中得實現(xiàn)需要實現(xiàn)商品數(shù)量的顯示?!?br> 從邏輯上考慮就需要 購物車接口優(yōu)先請求,在回調(diào)函數(shù)中去請求商品列表。 (這就從代碼層上會發(fā)現(xiàn),橫向和縱向上都顯得有點過長)。

我感覺我需要利用JS異步編程來解決諸多此類接口的在邏輯層上的優(yōu)先調(diào)用。
我如今剛剛達成一點點成就。

發(fā)布/訂閱

下面采用的是Ben Alman的Tiny Pub/Sub,這是jQuery的一個插件。

  • 源碼
(function($) {

  var o = $({});

  $.subscribe = function() {
    o.on.apply(o, arguments);
  };

  $.unsubscribe = function() {
    o.off.apply(o, arguments);
  };

  $.publish = function() {
    o.trigger.apply(o, arguments);
  };

}(jQuery));
  • 案例
jQuery.subscribe("done", f2);

function f1(){
    setTimeout(function () {
      // f1的任務(wù)代碼
      jQuery.publish("done");
    }, 1000);
  }

jQuery.unsubscribe("done", f2);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Javascript語言將任務(wù)的執(zhí)行模式分成兩種:同步(Synchronous)和異步(Asynchronous)...
    Sachie閱讀 440評論 0 0
  • 前言 從我們一開始學(xué)習(xí)JavaScript的時候就聽到過一段話:JS是單線程的,天生異步,適合IO密集型,不適合C...
    liuxuan閱讀 668評論 0 6
  • 一、 一道面試題 前段時間面試,考察比較多的是js異步編程方面的相關(guān)知識點,如今,正好輪到自己分享技術(shù),所以想把j...
    eraser123閱讀 790評論 3 5
  • 前言: 這段時間在學(xué)習(xí)Vue的同時,又將JavaScript異步方面的知識又復(fù)習(xí)了一遍,前前后后也看了不少的文章,...
    Srtian閱讀 521評論 4 8
  • 追你總是太心疼 所以我還是決定追自己,在曾經(jīng)追你的路邊蓋一所小房子,做一輛小汽車,學(xué)會健身,愛上烹飪 如果沒有你,...
    卓然不群美少年閱讀 234評論 0 0

友情鏈接更多精彩內(nèi)容