前言:
眼前各位老铁们对“js的特点和组成”大致比较关注,朋友们都需要剖析一些“js的特点和组成”的相关资讯。那么小编也在网摘上网罗了一些关于“js的特点和组成””的相关内容,希望兄弟们能喜欢,你们一起来了解一下吧!JavaScript解析器或叫JS引擎:
浏览器分为两部分:
1.shell:壳
2.内核:渲染引擎(html5 CSS语法规则和渲染),JS引擎,其他模块(异步之类的)
JS引擎也有版本号:
2001年发布的IE6,首次实现对JS引擎的优化和分离。
2008年google发布最新浏览器chrome,它是采用的JavaScript引擎,引擎代号V8,因为它能把JS代码直接转化为机械码来执行,所以速度非常快。
其后Firefox也推出了具备强大功能的JS引擎。
其他浏览器在此就不累述了;
JS的特点:
面向对象的编程语言,但是和传统的面向对象有很大的区别;
解释性语言(编译型,解释型);
单线程thread:
(进程和线程算是操作系统内两个很基本、很重要的概念,进程是操作系统中进行保护和资源分配的基本单位,操作系统分配资源以进程为基本单位。而线程是进程的组成部分,它代表了一条单一顺序的执行流;一个进程中可以并发多个线程,每条线程并行执行不同的任务。)
简单理解:一个程序中同一时间只可以执行一个任务;
同时动画的示例:
<style>#demo1,#demo2{ width: 100px; height: 100px; background-color: purple; position: absolute;}</style><script>function moveDiv(id){ var obj = document.getElementById(id); var timer = setInterval(function(){ obj.style.left = (parseInt(obj.style.left) + 5) + "px"; if(parseInt(obj.style.left)>300){ clearInterval(timer); } },30);}</script><div id="demo1" style="top:50px;left: 10px;">demo1</div><div id="demo2" style="top:200px;left: 20px;">demo2</div><p> <input type="button" value="demo1" onclick="moveDiv('demo1')"> <input type="button" value="demo2" onclick="moveDiv('demo2')"></p>
严格来说,应该是JS引擎中的单线程,JS引擎中是以单线程的形式来运转的。但是有时候可以看到JS引擎可以同时执行多套程序,那么这里就需要涉及到“轮转时间片”这个概念了;轮转时间片是可以模拟多线程的。
为什么JavaScript是单线程?
JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?
为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完 全受主线程控制,且不得操作DOM。所以,这个新标准并没有改变JavaScript单线程的本质。
任务队列
单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。于是,所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入”任务队列”(task queue)的任务,只有”任务队列”通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。
标签: #js的特点和组成