最近在写 Javascript 的程序,比较麻烦,尤其是同步互斥问题有些困扰,于是整理了一下思路,贴出来请大家指正一下,非常感谢!
______________________________________
Javascript 的运行及浏览器多线程
_ 本文目的
网页HTML结构以及 Javascript 程序越来越复杂了,有必要整理一下思路。
本文只是想整理一下思路,很多细节不一定准确。
_ 问题详述
现在一个网页中包含了多个 Iframe(Frame),每个 Iframe 都有 window (本文中 window 特指 DOM 中的 window,MS Windows 中的窗口与 X Window 中的窗口用 WINDOW 来表示),每个 window 都可以有 setInterval,以及 setTimeout,另外 window.document 里面还有很多的 element,每个 element 都可以有 event,而且这些 event 可以一直 bubble 到 body。
问题 1. 在一个 window 内部,event 与 window.setInterval / window.setTimeout 是否并行?
问题 2. window 之间的 Javascript 是否并行?
问题 3. 属于同一个进程的 WINDOW 之间的 Javascript 是否并行?
问题 4. 如果有并行存在,是一种怎么样的并行? 是浏览器为每一个 window 或 WINDOW 模拟了多线程,还是利用操作系统本身的多线程?
问题 5. 如果有并行存在,如何解决 Javascript 运行中的互斥、信号?
_ 初步认识
经过一些简单研究(因为懒,没去读 Firefox 源代码),有以下初步认识。
对于 IE,用 SPY++ 分析,发现增加页面中的 Iframe 并不能导致线程的增加,也不能导致子 WINDOW 的增加。所以,IE 中的 Iframe 及 window 是 Shell.Explorer (shdocvw.dll 中的 COM 组件) 内部实现的,可能在一个单独的线程中,很可能就在 WINDOW 所属的线程中。进一步,WINDOW 中所有 Iframe 的 window 的内部的 Javascript 都是不并行的。再进一步,结合网络传输,如果一个 Iframe.src 赋值后,Javascript 所在的线程应该会通知另一个线程(本文中简称通讯线程)去向服务器发 HTTP 请求。通讯线程从服务器端接收了一个完整的 HTTP 包后,将把这个数据包交给负责显示的线程(中间环节可能有一个线程负责解析 html),显示线程(或解析线程)边显示边运行页面中的 Javascript,例如 document.write()。并不停的绘制屏幕。而在这个 HTTP 数据包处理过程中,并不会处理其他 Iframe 的 window 的 setInterval 之类的事件。处理完一件事情后,才会在内部的 timer / timeout 队列中选择一个到期的开始运行(调用)。
所以,如果有一个 Iframe 的 window 的 Javascript 陷入死循环,则此线程内的所有的 Iframe 都将停止响应,并且从服务器端接收来的新数据也将被搁置。
IE 中的多线程。在 IE 上按 Ctrl-N,或者运行 window.open() ,将会打开一个新的 WINDOW,从 SPY++ 中看,会相应的增加一个新线程,管理这个新的 WINDOW。但是没有增加更多的新线程,说明一个进程内所有的 WINDOW 都共用了通讯线程。也就是通讯进程管理了所有的 TCP Connection。 用 window.open() 返回的对象指针可以访问这个新 WINDWO,并且可以访问其下的 Iframe 的 window 中的各种数据,甚至也可以调用其中的函数,只是需要注意堆栈的不同。经过测试,如果两个线程的 Javascript 同时访问同一个数据,比如同时有 window.setInterval 指定的函数去访问一个 window 中的一个 element 的变量,或者修改属性,则其中的一个函数会返回 Javascript Exception:拒绝访问,说明浏览器在内部实现中注意了互斥。
基于以上认识,对于 IE ,在一个 WINDOW 的所有 Iframe 的 window 内部应该不存在多线程,也不存在 Javascript 并行。当然也不会有 sleep 之类的函数了。把一个 Javascript 函数阻塞了(如特定的 ActiveX )可能导致整个 WINDOW 暂停相应。
关于 IE 还有一个发现,window.setInterval 不是用 WM_TIMER 实现的。
关于 Firefox,在 Windows 上,用 SPY++ 分析,页面中的每一个 Iframe 都是用一个 WINDOW 实现的。但是所有的 WINDOW,包括其他 Tab 打开的 WINDOW,都属于一个线程。但是跨 Tab ,跨浏览器窗口访问同时访问一个数据,也会引发 Javascript Exception:拒绝访问,说明 Firefox 的 Javascript 一个范围内,很可能是一个 Tab 范围内,是不并行的。有可能是 Firefox 给每个 Tab 单独开了一个线程来运行 Javascript。反正最终行为要与 IE 保持差不多,估计也就这样了。
在 Linux(FC6)上启动 Firefox,用 gdb attach 进去,发现在新打开网页时会增加不少线程,但网页显示稳定后过一段时间,线程数会减少。这也可能是因为运行 Javascript 的线程任务做完了。
_ 初步结论
1. 在 IE 的一个 WINDOW 内,Firefox 的一个 Tab 内, Javascript 是单线程运行的。
2. 如果要在页面上的各 Iframe 之间实现 Javascript 同步,则应该采用 window.setInterval 来实现,而不是把一个 Javascript 挂起。
3. 在 IE 上跨 WINDOW,或在 Firefox 上跨 Tab 访问数据,则要注意用 try catch 解决线程互斥导致的 Exception。
分享到:
相关推荐
嵌入式Android项目设计与开发 第九章 网络通讯 —— 浏览器的实现 浏览器的实现 有时候,我们需要在应用程序中展示一个网页内容,通常这是浏览器的工作,但... 实验 目标:创建一个浏览器应用 谢谢 请专家批评指正!
自己写的Android多线程多任务断点下载的一个Demo。 1.通过Service和线程池配合控制下载任务(包含分段下载)的开始和暂停; 2.通过数据库对文件信息以及下载线程信息进行保存,实现断点下载。 有发现的bug希望各路坛...
新手初学Linux c 写的多线程人机一起的贪吃蛇,终端玩耍,解压,make,gcc就可以了,写的很差大神批评指正
linux_socket_多线程服务器端代码,包含两套实现,如有问题,欢迎留言指正2006sszgg@163.com。
嵌入式Android项目设计与开发 第七章 多线程 ——(2)UI线程冲突 多线程 即使Android可以使用线程, 但规定不能使用子线程修改主线程的内容。 多线程 可以考虑在子线程中使用runOnUiThread重新载入UI线程,并干预...
这个名为"Palindrome:JavaScript 技能展示"的主题着重于使用JavaScript处理回文。回文是指正读反读都能保持一致的字符串,如“madam”、“level”或者“上海自来水来自海上”。在这个项目中,我们将探讨如何通过...
JavaScript是一种广泛应用于网页开发的客户端脚本语言,尤其在与浏览器兼容性方面表现出色,使得它成为开发者首选。这门课程在电子商务专业中尤为重要,因为它能实现网页的动态效果和对用户输入数据的初步处理。 ...
这个项目"JS_freeCodeCamp_projets:JavaScript中的简单回文检查器"是免费编程学习平台freeCodeCamp的一项练习,旨在帮助初学者掌握JavaScript的基础知识,特别是字符串操作和条件判断。 首先,我们需要理解项目的...
前言:此篇主要从博主使用过的几种多线程的用法从应用层面大概介绍下。文中观点都是博主个人的理解,如果有不对的地方望大家指正~~ 1、多线程:使用多个处理句柄同时对多个任务进行控制处理的一种技术。据博主的...
JavaScript拼音输入法是一种在网页上实现的中文输入方式,它主要利用JavaScript这门客户端脚本语言来处理用户的拼音输入,并转换成相应的汉字显示在页面上。这种技术在没有依赖浏览器插件或者服务器端支持的情况下,...
嵌入式Android项目设计与开发 第四章 基本控件编程 ——运行提示和进度条(2) 进度条 ProgressBar... 通过布局设置其visibility属性或者Java代码执行setVisibility()方法修改它的不同形态 实验 谢谢 请专家批评指正!
C++11的多线程并发编程(一) 在疫情期间以及未来毕业后即将工作的憧憬中,给自己立个学习flag,学习并第一次通过CSDN记录下C++11的多线程并发编程。初学者的我写的不好,还望大家多多指正与批评, 学习多线程并发...
嵌入式Android项目设计与开发 第四章 基本控件编程 ——运行提示和进度条(2) 进度条 ProgressBar... 通过布局设置其visibility属性或者Java代码执行setVisibility()方法修改它的不同形态 实验 谢谢 请专家批评指正!
嵌入式Android项目设计与开发 第六章 数据存储 ——SQLite 5 SQLite 内容: SQLite如何查询数据。 (1)SQL语句。select (2)使用SQLiteOpenHelper接口 SQLite 查询接口 query 返回值 Cursor... 谢谢 请专家批评指正!
# -*- coding: utf-8 -*-# Author: ToughGuy# Email: wj0630@gmail.com# 写这玩意儿是为了初步了解下python的多线程机制# 平时没写注释的习惯, 这次花时间在代码里面写上注释也是希望有问题的地方请各位指正,...
客户端代码,通过Tcp协议来进行通信,内容仅做参考,接受指正
嵌入式Android项目设计与开发 第七章 多线程 ——(3)UI线程冲突 多线程 即使Android可以使用线程, 但规定不能使用子线程修改主线程的内容。 多线程 可以考虑在子线程中使用runOnUiThread重新载入UI线程,并干预...
自己写的Android多线程多任务断点下载的一个Demo。 1.通过Service和线程池配合控制下载任务(包含分段下载)的开始和暂停; 2.通过数据库对文件信息以及下载线程信息进行保存,实现断点下载。 有发现的bug希望各路坛...
Viewer加载模型在浏览器中不显示问题解决及扩展 作者:丁香尚人 日期:2017-12-25 邮箱: 鸣谢:Lxh,Ayers 这二位微信好友 首先要说下为什么写这篇文章,是由于昨晚一位朋友在使用forge Viewer加载模型的时候 遇到...