Execution order of multiple setTimeout without delays in angular











up vote
1
down vote

favorite












What is the execution order of multiple setTimeout without delays in angular2+?



Example:



setTimeout(() => console.log('1'));
setTimeout(() => console.log('2'));


Questions:



(1) Is 1 always guaranteed to be printed before 2?

(2) If so, what part of the spec says so?

(3) This is called in Angular2+ code. Is angular overriding setTimeout's default behaviour?



How it differs from other questions:



This question (1) asks about the case without delay, and (2) asks it in angular context (in case angular overrides setTimeout).



Non-questions:



I know console.log might (or might not) be async or whatever; this question is not related to that. You can assume console.log is sync.










share|improve this question


























    up vote
    1
    down vote

    favorite












    What is the execution order of multiple setTimeout without delays in angular2+?



    Example:



    setTimeout(() => console.log('1'));
    setTimeout(() => console.log('2'));


    Questions:



    (1) Is 1 always guaranteed to be printed before 2?

    (2) If so, what part of the spec says so?

    (3) This is called in Angular2+ code. Is angular overriding setTimeout's default behaviour?



    How it differs from other questions:



    This question (1) asks about the case without delay, and (2) asks it in angular context (in case angular overrides setTimeout).



    Non-questions:



    I know console.log might (or might not) be async or whatever; this question is not related to that. You can assume console.log is sync.










    share|improve this question
























      up vote
      1
      down vote

      favorite









      up vote
      1
      down vote

      favorite











      What is the execution order of multiple setTimeout without delays in angular2+?



      Example:



      setTimeout(() => console.log('1'));
      setTimeout(() => console.log('2'));


      Questions:



      (1) Is 1 always guaranteed to be printed before 2?

      (2) If so, what part of the spec says so?

      (3) This is called in Angular2+ code. Is angular overriding setTimeout's default behaviour?



      How it differs from other questions:



      This question (1) asks about the case without delay, and (2) asks it in angular context (in case angular overrides setTimeout).



      Non-questions:



      I know console.log might (or might not) be async or whatever; this question is not related to that. You can assume console.log is sync.










      share|improve this question













      What is the execution order of multiple setTimeout without delays in angular2+?



      Example:



      setTimeout(() => console.log('1'));
      setTimeout(() => console.log('2'));


      Questions:



      (1) Is 1 always guaranteed to be printed before 2?

      (2) If so, what part of the spec says so?

      (3) This is called in Angular2+ code. Is angular overriding setTimeout's default behaviour?



      How it differs from other questions:



      This question (1) asks about the case without delay, and (2) asks it in angular context (in case angular overrides setTimeout).



      Non-questions:



      I know console.log might (or might not) be async or whatever; this question is not related to that. You can assume console.log is sync.







      javascript angular settimeout ngzone






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 11 at 0:57









      Hossam El-Deen

      112110




      112110
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          1
          down vote



          accepted










          1) Yes



          2) Step 16 of https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html which says:




          Wait until any invocations of this algorithm that had the same method
          context, that started before this one, and whose timeout is equal to
          or less than this one's, have completed.




          3) No, Angular does not override it.






          share|improve this answer





















          • And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
            – Hossam El-Deen
            Nov 11 at 1:23











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244909%2fexecution-order-of-multiple-settimeout-without-delays-in-angular%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          1
          down vote



          accepted










          1) Yes



          2) Step 16 of https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html which says:




          Wait until any invocations of this algorithm that had the same method
          context, that started before this one, and whose timeout is equal to
          or less than this one's, have completed.




          3) No, Angular does not override it.






          share|improve this answer





















          • And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
            – Hossam El-Deen
            Nov 11 at 1:23















          up vote
          1
          down vote



          accepted










          1) Yes



          2) Step 16 of https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html which says:




          Wait until any invocations of this algorithm that had the same method
          context, that started before this one, and whose timeout is equal to
          or less than this one's, have completed.




          3) No, Angular does not override it.






          share|improve this answer





















          • And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
            – Hossam El-Deen
            Nov 11 at 1:23













          up vote
          1
          down vote



          accepted







          up vote
          1
          down vote



          accepted






          1) Yes



          2) Step 16 of https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html which says:




          Wait until any invocations of this algorithm that had the same method
          context, that started before this one, and whose timeout is equal to
          or less than this one's, have completed.




          3) No, Angular does not override it.






          share|improve this answer












          1) Yes



          2) Step 16 of https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html which says:




          Wait until any invocations of this algorithm that had the same method
          context, that started before this one, and whose timeout is equal to
          or less than this one's, have completed.




          3) No, Angular does not override it.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 11 at 1:03









          user184994

          10.8k11526




          10.8k11526












          • And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
            – Hossam El-Deen
            Nov 11 at 1:23


















          • And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
            – Hossam El-Deen
            Nov 11 at 1:23
















          And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
          – Hossam El-Deen
          Nov 11 at 1:23




          And for future readers wondering how the exotic step 16 is related: It's because, according to step 14, the rest of steps are parallel. So, actually the example in the original question is similar to the exotic example in step 16, in that the rest of the steps of the 2 setTimeout calls are indeed running in parallel, but due to step 16, the first will finish first (i.e., executing step 18 & getting to the queue first).
          – Hossam El-Deen
          Nov 11 at 1:23


















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.





          Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


          Please pay close attention to the following guidance:


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244909%2fexecution-order-of-multiple-settimeout-without-delays-in-angular%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Florida Star v. B. J. F.

          Error while running script in elastic search , gateway timeout

          Adding quotations to stringified JSON object values