js 中实现sleep函数

简介:

除了Narrative JS,jwacs(Javascript With Advanced Continuation Support) 也致力于通过扩展JavaScript语法来避免编写让人头痛的异步调用的回调函数。用jwacs 实现的sleep,代码是这样:

function sleep(msec) {

var k = function_continuation;
setTimeout(function() { resume k <- mesc; }, msec);
suspend;

}
这个语法更吓人了,并且还是java里不被推荐使用的线程方法名。坦白说我倾向于 Narrative JS。

同Narrative JS一样,jwacs也须要预编译,预编译器是用 LISP 语言编写。眼下也是 Alpha 的版本号。两者的许多其他介绍和比較能够參阅 SitePoint 上的新文章: Eliminating async Javascript callbacks by preprocessing

编写复杂的JavaScript脚本时,有时会有需求希望脚本能停滞指定的一段时间,相似于 java 中的 Thread.sleep 或者 sh 脚本中的 sleep 命令所实现的效果。

众所周知,JavaScript 并沒有提供相似于 Java 的线程控制的功能, 尽管有 setTimeout 和 setInterval 两个方法能够做一些定时运行控制,但并不能满足全部的要求。一直以来,都有非常多人问怎样在JavaScript中实现 sleep/pause/wait ,也确实有些非常蹩脚的解决方式:

最简单也最糟糕的方法就是写一个循环,代码可能例如以下:

function sleep(numberMillis) {

var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
    now = new Date();
    if (now.getTime() > exitTime)
        return;
}

}
如上的代码事实上并沒有让脚本解释器sleep下来,并且有让CPU迅速上到高负荷的附作用。浏览器甚至会在该段时间内处于假死状态。

其二有聪明人利用IE特殊的对话框实现来曲径通幽,代码可能例如以下:

function sleep(timeout) {

window.showModalDialog("javascript:document.writeln('<script>window.setTimeout(function () { window.close(); }, " + timeout + ");<\/script>');");

}
window.alert("before sleep ..."); sleep(2000); window.alert("after sleep ...");

缺点不用多说,唯独IE支持(IE7由于安全限制也而不能达到目的)。

除上之外,还有利用Applet或者调用Windows Script Host的WScript.Sleep()等等鬼点子,这些都是万不得已的权宜之计。

最终有了更聪明的人,开发出了或许是最佳的方案,先看代码:

function sleep(millis) {

var notifier = NjsRuntime.createNotifier();
setTimeout(notifier, millis);
notifier.wait->();

}
没错,看到 ->() 这种语法,就象刚看到Prototype的 $() 函数一样让我惊为天人。只是直接在浏览器中这段脚本是会报告语法错误的。实际上它们须要经过预编译成client浏览器认可的JavaScript。编译后的脚本例如以下:

function sleep(millis){var njf1 = njen(this,arguments,"millis");nj:while(1) {try{switch(njf1.cp) { case 0:njf1._notifier=NjsRuntime.createNotifier();setTimeout(njf1._notifier,njf1._millis);njf1.cp = 1;njf1._notifier.wait(njf1);return;case 1:break nj; }} catch(ex) { if(!njf1.except(ex,1)) return; }} njf1.pf();}
我看不懂,也不想去看懂了。这些工作全部会由 Narrative JavaScript ———— 一个提供异步堵塞功能的JS扩展帮我们实现。我们仅仅须要编写之前那个怪异的 ->() 语法, 然后通过后台预先静态编译或者前台动态编译后运行就能够实现 sleep 的效果。

Narrative JavaScript 宣称能够让你从头昏眼花的回调函数中解脱出来,编写清楚的Long Running Tasks。眼下还是 alpha 的版本号,在 Example 页面上有一个移动的button的范例。首页上也提供了源代码下载。以我薄弱的基础知识,我仅仅能勉强的看出代码中模拟了状态机的实现,希望有精通算法的朋友能为我们解析。

最后,还是我一直以来的观点: 除非非常必要,否则请保持JavaScript的简单。在JavaScript 能提供原生的线程支持之前,或许我们能够改变设计以避免异步堵塞的应用。

參考文章:

Agile Ajax - Narrative Javascript - Cleaner Code for Long Running Tasks
FAQTs - How do I pause execution in JavaScript?

本文转自博客园知识天地的博客,原文链接:js 中实现sleep函数 如需转载请自行联系原博主。

相关文章
|
2天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
8 2
|
4天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
10 0
|
4天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
10 1
|
4天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
8 2
|
7天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
7 1
|
7天前
|
JavaScript 前端开发 索引
js的includes函数
js的includes函数
12 1
|
7天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
7天前
|
JavaScript 前端开发
js的filter函数
js的filter函数
9 1
|
7天前
|
JavaScript 前端开发
js的函数
js的函数
7 0
|
7天前
|
JavaScript 前端开发
js的join函数
js的join函数
8 1