`
freeman983
  • 浏览: 232217 次
社区版块
存档分类
最新评论

javascript中的线程之我见

阅读更多

原文:http://blog.csdn.net/turkeyzhou/archive/2008/08/07/2784934.aspx

 

今天与一个同事争论javascripe中间的线程机制,他争论说javascript是有线程的,理由即使javascript中间的事件回调就是线程的实现,个人认为在javascript中是没有线程机制的:

理由如下:

引自<<精通javascript>> john resig著:

<script>
 <!--
  while(!window.loaded);
  //some operation 
   window.alert();
 -->
</script>


这段代码的意图就是想阻塞js当前线程。知道页面完全加载以后菜执行下面接下来的操作,即“同步”,但是得到的效果是浏览器暂停或者死掉,可见在js中是不能用循环来暂停等待的;可见早javascript中要实现这个效果必须采用回调,即:

wndow.onload=funcrion(){

//some operation

}
然而,回调并不是js语言中支持多线程的依据,我们知道,在windows是支持回调消息机制的;当我们点击了某个按钮的时候系统会调用这个单击事件的处理函数,我想在windows中间是这么事件的他把一个处理函数绑定到了这个单击事件的出发上,维护一张事件处理表,这个表中间某个空间的单击事件对应一个处理函数的函数指针,当事件点击的时候,会调用这个函数指针指向的函数;

 

什么是线程,这个概念,我想我们应该从多线程的操作系统说起,多线程,就是让多个处理过程交替执行,并且这个交替的时间片很短,短到我们人类无法感知,这就是为什么单处理器也可以并发执行线程,而我们在上面看到的回调说实在的,就犹如一个方法的调用,等处理器函数调用完了以后再返回原程序段继续执行,我想这跟我们在操作系统里面的中断处理有很相似的

概念,我们知道,中断处理是硬件本来就支持的,而在单处理器的系统中,多线程是由操作系统来实现的,我多线程的操作系统下面,操作系统会认为的维护多个状态的线程队列,并决定采取何种轮转算法来切换线程之间的执行;他依靠重写时间中断处理器来在一个时间片的间隔里调用进程(线程)管理器来调节线程和进程之间的转换和执行;这就可见,类似于中断处理功能的回调功能并不能证明线程的存在(因为从上可以清晰的看见两者之间的关系);

以下的例子也可以清晰的证明js的所谓“线程”:

<script language="javascript">
      <!--
     function main(){
      for(var index=0;index<10;index++){
      alert("main thread");
      setTimeout(secondary,20);
      }
     }

     function secondary(){
     alert("secondary");
     }

   main();
   -->
   </script>
由于没有进程的概念,这里本来应该是main和secondary交替执行的,变成了执行完main再执行secondary的贪婪调度;那按照这样理解的话,js中间没有线程的概念,我们如何自己来实现这个线程的机制呢,那么,就好像,我们在中断处理机制上面如何实现线程的概念是一样的;既然系统(js引擎)不给我们维护这个线程列表和调度,那么我们自己来实现(调度算法和)

 

  <script language="javascript">
      <!--
      var thread_one_time=0;
      var thread_two_time=0;
      function thread_one(){
      thread_one_time++;    
      alert( thread_one_time);
      }

      
      function thread_two(){
      thread_two_time++;
      alert( thread_two_time);
      }
      }

     
      setInterval(thread_one,100);
      setInterval(thread_two,100);
   -->
   </script>
在这里,我们就可以看见两个子程序交替执行了,其实,如果用线程的眼光看的话,这里是有三个线程的,一个是thread_one 一个是thread_two一个是main_thread(不过已经执行完啦)别不信,不如你加修改成为这样就可以知道啦:

 <script language="javascript">
      <!--
      var thread_one_time=0;
      var thread_two_time=0;
      function thread_one(){
      thread_one_time++;    
      alert( thread_one_time);
      }

      
      function thread_two(){
      thread_two_time++;
      alert( thread_two_time);
      }

     
      setInterval(thread_one,100);
      setInterval(thread_two,100);

      for(var i=0;i<10;i++){
       alert(i+"main");
      }
   -->
   </script>
 

所以这里的主程序你可以看成是一个贪婪主线程,相当于操作系统中间的进程管理器(时间中断处理器实现),他来调度和切换管理整个系统的线程队列,这里main采用的”调度算法“很朴实,就是100秒的时间片轮转,没有优先级,没有中断,没有........,

=js进程实现代码:

thread.js:

/**
 * 线程管理类
 * @author zxub 2006-06-12
 */
function Thread(_task,_delay,_times)
{
    this.runFlag=false;
    this.busyFlag=false;
    this.taskArgs=Array.prototype.slice.call(arguments,3);
    
    if (_times!=undefined)
    {
        this.times=_times;
    }
    else
    {
        this.times=1;
    }
    
    var _point=this;
    
    this.timerID=-1;
    
    this.start=function()
    {
        if (this.runFlag==false)
        {
            this.timerID=window.setInterval(_point.run,_delay);            
            this.runFlag=true;
        }
    }
    
    this.run=function()
    {
        if (_point.busyFlag) return;
        if (_point.times==-1)//无限循环
        {
            _task(_point.taskArgs);
        }
        else if (_point.times>0)
        {
            _task(_point.taskArgs);
            _point.times-=1;
            if (_point.times==0)
            {
                window.clearInterval(this.timerID);
            }                                  
        }        
    }
    
    this.sleep=function()
    {
        this.busyFlag=true;
    }
    
    this.resume=function()
    {
        this.busyFlag=false;
    }
    
    this.abort=function()
    {        
        window.clearInterval(this.timerID);        
    }
}
thread.html:

<html>
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="thread.js"></script>    
<style type="text/css">
<!--
body,tr,td { font-size: 12px;}
-->
</style>
</head>
<body>
<script>
var func=function(_o)
{
    document.getElementById(_o).innerHTML=parseInt(document.getElementById(_o).innerHTML)+1;
}
var t1=new Thread(func,50,121,"t1");
var t2=new Thread(func,200,20,"t2");
</script>
<input type="button" value="start1" onclick='t1.start();'></input>
<input type="button" value="sleep1" onclick='t1.sleep();'></input>
<input type="button" value="resume1" onclick='t1.resume();'></input>
<input type="button" value="abort1" onclick='t1.abort();'></input>
<input type="button" value="start2" onclick='t2.start();'></input>
<input type="button" value="sleep2" onclick='t2.sleep();'></input>
<input type="button" value="resume2" onclick='t2.resume();'></input>
<input type="button" value="abort2" onclick='t2.abort();'></input>
<div id="t1">0</div> | <div id="t2">0</div>
<input type="button" value="t1.timerID" onclick='alert(t1.timerID);'></input>
<input type="button" value="t2.timerID" onclick='alert(t2.timerID);'></input>
</body>
</html>
我最先接触线程就是来自于操作系统,由于js这门语言的特殊性,有人说是玩具语言的不严谨,有人说是灵活,褒贬不一,所以把自己对js线程的一些看法结合操作体统解释一下,不敢保证对,也不敢保证表达的就是自己的意思,技术这玩意,有很多时候语言表达不了自己的认识,体会深了,就模模糊糊的认识到啦,要想做到表达给别人,还得功力加深,对于js我一直都是很迷茫的,闭包,面对对象,初始化,有很多地方值得大家探讨,希望能向各位学习;(转自请注明出处,csdn corey)



本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/turkeyzhou/archive/2008/08/07/2784934.aspx

分享到:
评论

相关推荐

    javascript模拟多线程

    1. Web Workers:Web Workers是HTML5引入的一个特性,允许JavaScript在后台线程中运行脚本,从而实现多线程。通过创建Worker对象,可以将计算密集型任务分配到子线程,主线程则继续处理UI交互。 2. Service Workers...

    JavaScript单线程还是多线程

    此外,现代JavaScript还引入了Web Workers,允许在后台线程中执行计算密集型任务,以减轻主线程的压力。 总之,JavaScript的单线程模型和异步编程机制是其独特魅力所在,它们既保证了代码的简洁性,又提供了处理...

    javascript 线程式的进度条

    在JavaScript中实现线程式的进度条加载大数据量的表格是一项技术挑战,因为它涉及到浏览器的单线程执行模型以及异步编程。在这个场景下,我们主要关注三个知识点:进度条实现、大数据量表格处理和JavaScript的异步...

    JavaScript多线程的实现方法(gif).txt

    在JavaScript中,传统的单线程模型限制了其在复杂应用中的性能表现。随着Web应用程序功能日益强大,多线程的支持变得越来越重要。虽然原生JavaScript是基于事件循环的单线程语言,但可以通过一些技巧来模拟多线程的...

    一个JavaScript多线程函数库 使用说明

    Web Workers是JavaScript实现多线程的核心技术,它允许在后台线程中执行脚本,以避免阻塞主线程(用户界面)。创建一个新的Worker对象可以启动一个后台线程,通过postMessage()和onmessage事件进行通信。 ```...

    一个JavaScript多线程函数库

    Web Workers是JavaScript中的一种原生支持,用于创建在后台运行的独立线程。这些线程可以在不影响用户界面的情况下执行密集型计算。创建一个Web Worker,你需要定义一个worker脚本,然后在主线程中实例化它。Worker...

    一个JavaScript线程控制函数库.rar

    一个可以在JavaScript中应用多线程的库:Concurrent.Thread,如果你想更深入的了解,推荐您去看the tutorial。它提供有关Concurrent.Thread用法的更多内容,并列出了可供高级用户使用的文档,是最适合起步的材料。 ...

    一个JavaScript多线程函数

    在浏览器环境中,JavaScript引擎(如V8)是单线程的,所有的代码都在同一个线程上执行,包括UI渲染、事件处理和网络请求等。这种设计使得JavaScript执行高效且易于理解和调试,但同时也限制了其并发能力。 Web ...

    JavaScript多线程详解

    在JavaScript中,所有代码都是在JavaScript引擎线程中执行的,这个线程负责解释和执行代码。由于JavaScript的单线程特性,当遇到耗时的操作(如网络请求、定时器或大型计算)时,主线程会被阻塞,直到该任务完成。...

    Javascript定时器 一 单线程

    本篇文章将深入探讨JavaScript定时器的工作原理以及它们在单线程环境中的行为。 ### 一、JavaScript的单线程模型 JavaScript是一种解释型的、基于原型的、动态类型的脚本语言,它的执行环境主要是Web浏览器中的...

    JavaScript多线程编程简介.txt

    4. **OffscreenCanvas**:这是一种用于离屏渲染的技术,主要用于图形处理和动画渲染等场景,可以在后台线程中进行渲染而不影响主UI线程。 #### 五、示例代码解析 根据提供的部分内容,可以看出作者尝试解决的是...

    javascript多线程

    它们允许在后台线程中执行耗时的计算任务,而不阻塞主线程(UI线程)。这样,即使在进行大量计算时,用户界面也能保持响应。创建Web Worker需要创建一个`.js`文件,然后在主线程中通过`new Worker()`来实例化。...

    JavaScript的单线程与多线程:深入理解与应用实践

    本文将深入探讨JavaScript的单线程和多线程概念,解释它们如何影响程序的执行,以及如何在实际开发中利用这些特性。 JavaScript的单线程和多线程模型各有优势和挑战。开发者需要根据应用的具体需求,合理选择并发...

    Concurrent.Thread.js javascript多线程

    1. **线程创建与通信**:在JavaScript中,通过`new Worker()` 创建Web Worker对象来启动新的线程。`Concurrent.Thread.js` 提供了更友好的接口,简化了这个过程。你可以创建一个线程实例,然后向其中传递执行的脚本...

    线程之舞:JavaScript的单线程与非阻塞I/O揭秘

    ### 线程之舞:JavaScript的单线程与非阻塞I/O揭秘 #### JavaScript简介及主要特点 JavaScript(通常简称为JS)是一种高级、解释型的编程语言,广泛应用于构建交互式的Web应用程序。随着时间的推移,JavaScript已...

    理解javascript定时器中的单线程

    JavaScript定时器中的单线程是指JavaScript代码的执行机制,它是由一个事件驱动的单线程模型来实现的。这种模型保证了代码的顺序执行,确保了JavaScript操作的同步性。在这个模型中,JavaScript引擎是单线程的,也...

    JavaScript是否可实现多线程 深入理解JavaScript定时机制

    在探讨JavaScript是否可以实现多线程之前,我们首先要明确一个概念,即JavaScript通常是单线程的,它遵循“一切操作都在单线程中进行”的原则。这与多线程编程语言不同,多线程语言允许多个线程同时执行多个任务,而...

    JavaScript_一个线程API的Nodejs库.zip

    "JavaScript_一个线程API的Nodejs库.zip"这个压缩包文件很可能包含了一个用于Node.js环境中的线程管理库,这允许开发者在JavaScript中利用多线程处理复杂的计算任务,提高程序的执行效率。在Node.js的单线程事件循环...

    浅谈Javascript单线程和事件循环.doc

    JavaScript是一种单线程编程语言,这意味着它在任何时刻只能执行一个任务。这一设计背后的考虑是为了保持DOM操作的稳定性。在多线程环境中,对同一元素的并发操作可能导致数据不一致和不可预测的结果,例如上面提到...

Global site tag (gtag.js) - Google Analytics