龙空技术网

第3节 JavaScript特点-Web前端开发-零点程序员-王唯

零点程序员 110

前言:

眼前各位老铁们对“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)的任务,只有”任务队列”通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。

Web前端开发之JavaScript从入门到高级进阶-零点程序员-王唯

标签: #js的特点和组成