也就是说,不同的操作函数,操作符,JS将其放入事件队列是不一样的。。。

比如:

外部函数和内部函数,就是分两次放入事件循环的尾端的。

比如,多个操作符组成的链式操作,也有可能是放不同的操作批次进入事件循环链的。

因为下面代码中的输出就显示了异步事件循环在JS当中的体现。

好好体味了一个小时。

var test = function() {

    for(var i = 0; i < 5; i++) {
        console.log(i+ " test outter");

        (function(i) {
          setTimeout(function() {
            console.log(i);
        }, 2000);
        })(i);

    }

};

var test2 = function() {
    var ret = [];
     for(var i = 0; i < 5; i++) {
       console.log(i+ " test2 outter");
        (function(i) {
          ret[i] = function() {
          console.log(i + " test2 inner");
          return i;
        }
        })(i);
      }
    console.log(ret);
    return ret;
};

var test0 = test(), test1 = test2()[2]();
var test2 = test2()[2](), test3 = test();

  输出:

"0 test outter"
"1 test outter"
"2 test outter"
"3 test outter"
"4 test outter"
"0 test2 outter"
"1 test2 outter"
"2 test2 outter"
"3 test2 outter"
"4 test2 outter"
[function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }]
"2 test2 inner"
"0 test2 outter"
"1 test2 outter"
"2 test2 outter"
"3 test2 outter"
"4 test2 outter"
[function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }, function () {
        window.runnerWindow.proxyConsole.log(i + " test2 inner");
        return i;
      }]
"2 test2 inner"
"0 test outter"
"1 test outter"
"2 test outter"
"3 test outter"
"4 test outter"
0
1
2
3
4
0
1
2
3
4

  

如何观察JS的事件队列的执行划分的更多相关文章

  1. JS引擎线程的执行过程的三个阶段(二)

    继续JS引擎线程的执行过程的三个阶段(一) 内容, 如下: 三. 执行阶段 1. 网页的线程 永远只有JS引擎线程在执行JS脚本程序,其他三个线程只负责将满足触发条件的处理函数推进事件队列,等待JS引 ...

  2. JS的解析与执行过程

    JS的解析与执行过程 全局中的解析和执行过程 预处理:创建一个词法环境(LexicalEnvironment,在后面简写为LE),扫描JS中的用声明的方式声明的函数,用var定义的变量并将它们加到预处 ...

  3. js中的延迟执行和定时执行

    在js中,延迟执行函数有两种,setTimeout和setInterval,用法如下: function testFunction(){Console.log('hovertree.com');} s ...

  4. [转]js中confirm实现执行操作前弹出确认框的方法

    原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在 ...

  5. JS匿名函数自执行函数

    JS匿名函数自执行函数:(function(){})();(function(){}) 这是一个函数,函数后面接(),则是调用函数 比如(function(arg){console.log(arg); ...

  6. js判断浏览器类型 js判断ie6不执行

    js判断浏览器类型 $.browser  对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = " ...

  7. JS延时一秒执行

    //JS延时一秒执行 setTimeout(function(){ window.history.go(0); }, 1000);

  8. js解析器的执行原理

    首先看一段代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...

  9. JS引擎线程的执行过程的三个阶段(一)

    浏览器首先按顺序加载由<script>标签分割的js代码块,加载js代码块完毕后,立刻进入以下三个阶段,然后再按顺序查找下一个代码块,再继续执行以下三个阶段,无论是外部脚本文件(不异步加载 ...

随机推荐

  1. OS X 添加环境变量

    这个方法相对靠谱,可用: 1, cd 到home 2, touch .bash_profile 3,open -e .bash_profile 把各个路径按如下填写: export PATH=${PA ...

  2. dict.items vs six.iteritems

    python2里面,dict.items返回的是数组,six.iteritems(dict)则返回生成器. 意味着,dict很大的时候,后者不占用内存. >>> import six ...

  3. 应用HTK搭建语音拨号系统1:数据准备

    选自:http://maotong.blog.hexun.com/6204849_d.html 应用HTK搭建语音拨号系统--数据准备 苏统华 哈尔滨工业大学人工智能研究室 2006年10月30日 声 ...

  4. Android Studio (Gradle)编译错误

    Error:Execution failed for task ':app:processDebugResources' .com.android.ide.common.process.Process ...

  5. jQuery之元素筛选

      1.eq()  筛选指定索引号的元素2.first() 筛选出第一个匹配的元素3.last() 筛选出最后一个匹配的元素4.hasClass() 检查匹配的元素是否含有指定的类5.filter() ...

  6. 基础知识《八》---Java反射机制

    1.反射可以做什么 2.反射相关的API 3.获取Class运行时类的实例的三种方法: 1)通过运行时类本身的.class属性***** Class clazz= Person.class; 2)通过 ...

  7. VIM基础

    http://www.cnblogs.com/wawlian/archive/2012/05/22/2512801.html http://www.cnblogs.com/wawlian/archiv ...

  8. Appium+Robotframework实现Android应用的自动化测试-1:Appium在Windows中的安装

    让我们开始在Windows中开始安装Appium吧,Appium在OS X中的具体安装后面的文章会介绍. 另外,官网上说先要装Node.js,还要装Apache Ant和Apache Maven,Gi ...

  9. 使用logrotate管理nginx日志文件

    本文转载自:http://linux008.blog.51cto.com/2837805/555829 描述:linux日志文件如果不定期清理,会填满整个磁盘.这样会很危险,因此日志管理是系统管理员日 ...

  10. poj1155

    题意:给定一个树形图,节点数量3000.叶子节点是用户,每个用户如果能看上电视会交一定的电视费.看上电视的条件是从根到该用户的路径全部被修好,修每条边有一个费用.在不亏损(用户交钱总额>=修路总 ...