js执行顺序+同步异步

JavaScript016

js执行顺序+同步异步,第1张

按照js同步执行的顺序,函数调用会首先执行for循环,循环5次开启了5个延迟器,延时器内部的回调函数将会异步执行,会在延时1s后进入消息队列等待执行。循环了5次,所以此时i的值为5,然后同步执行console.log打印5,第一次同步执行结束,然后开始执行消息队列的异步任务,打印5个5,中间的undefined是函数调用无返回值返回的。

执行顺序和第一题相同,不同的是延时器被包裹在了一个立即执行函数内容,并把每一次循环的i作为参数传入,此时循环内部的函数形成了一个私有作用域,每一次的i变量被独立保存了起来,因此每一次循环的i的值都会被打印出来。

延时器内部回调函数是异步函数,将在延时结束后,进入消息队列等待执行,因此同步的console.log("CCCC")最优先执行,然后延时0ms的延时器的回调先进入消息队列,1000ms后第一个延时器的回调再进入消息队列等待执行,因此先执行0ms的回调打印DDDD,再执行1000ms的回调打印BBBB。

这里与上一题不同的是中间多了一个执行3s的同步while循环,因此执行顺序是这样的:

第一个延时器延时1s后内部异步回调函数进入消息队列等待执行,

等待while循环3s后打印"CCCC",

循环结束后第一个延时器内部的回调已经进入消息队列第一个执行位置等待执行。

第二个延时器延时0s后内部异步回调函数进入消息队列等待执行,延时结束后排到第一个延时器的回调函数后面,

因此异步队里内部先打印"BBBB",再打印"DDDD"

你的AJAX本身如果没有这个功能,基本上无法判断是否执行完成

假设你使用SOAP处理AJAX,那样又应该是另一个活动了

如果你的AJAX处理速度够快,基本上不用考虑是否完成,最多在调用该AJAX的时候加一个SLEEP。

如果你想要判断是否执行完成,还是应该从你被封装的的AJAX入手才行

补充:如果是下载源代码,你可以用JAVA的BufferedReader下载源文件,这样能达到你要的要求不?

方法1 内部用了var 表示内部变量 执行完一次后会自动释放;

方法2 内的变量cc不能与方法1重名;

示例代码如下 测试可以

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script language="javascript" type="text/javascript">

var str=''

function cfun(obj) { str += obj.value }

function selall(){

var cc = document.getElementsByTagName("input")

for (var i = 0i <cc.lengthi++) {

cfun(cc[i])

}

alert(str)

}

</script>

</head>

<body>

<input type="text" id="txt1" value="你好" />

<input type="text" id="txt2" value="朋友" />

<a href="javascript:selall()">点击显示</a>

</body>

</html>