任务队列

Javascript继承机制的设计思想

History

Javascript里面都是对象, 必须有一种机制, 将所有对象联系起来. 所以, Brendan Eich最后还是设计了"继承".
但是, 他不打算引入"类"(class)的概念, 因为一旦有了"类", Javascript就是一种完整的面向对象编程语言了, 这好像有点太正式了, 而且增加了初学者的入门难度.

  c++, java 通过类的构造函数实例对象

  javascript 直接通过构造函数,而不通过类

  function DOG(name){
   this.name = name;
 }
  var dogA = new DOG('大毛');
 alert(dogA.name); // 大毛
  //注意构造函数中的this关键字,它就代表了新创建的实例对象。

new运算符的缺点

用构造函数生成实例对象,有一个缺点,那就是无法共享属性和方法。

  function DOG(name){
   this.name = name;
   this.species = '犬科';
 }
  var dogA = new DOG('大毛');
 var dogB = new DOG('二毛');
  dogA.species = '猫科';
 alert(dogB.species); // 显示"犬科",不受dogA的影响
  // 每一个实例对象,都有自己的属性和方法的副本。这不仅无法做到数据共享,也是极大的资源浪费。

prototype属性的引入

考虑到这一点,Brendan Eich决定为构造函数设置一个prototype属性。这个属性包含一个对象(以下简称"prototype对象"),所有实例对象需要共享的属性和方法,都放在这个对象里面;那些不需要共享的属性和方法,就放在构造函数里面。

实例对象一旦创建,将自动引用prototype对象的属性和方法。也就是说,实例对象的属性和方法,分成两种,一种是本地的,另一种是引用的。

  function DOG(name){
   this.name = name;
 }
 DOG.prototype = { species : '犬科' };
 var dogA = new DOG('大毛');
 var dogB = new DOG('二毛');
 alert(dogA.species); // 犬科
 alert(dogB.species); // 犬科

JS 中 proto 和 prototype 存在的意义是什么?

  • 你的 JS 代码还没运行的时候,JS 环境里已经有一个 window 对象了
  • window 对象有一个 Object 属性,window.Object 是一个函数对象
  • window.Object 这个函数对象有一个重要属性是 prototype
  • window.Object.prototype 里面有这么几个属性 toString(函数)、valueOf(函数)

Event Loop

为什么JavaScript是单线程

JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题. 假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?所以,为了避免复杂性,从一诞生,JavaScript就是单线程

为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。所以,这个新标准并没有改变JavaScript单线程的本质.


任务队列

单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。
如果排队是因为计算量大,CPU忙不过来,倒也算了,但是很多时候CPU是闲着的,因为IO设备(输入输出设备)很慢(比如Ajax操作从网络读取数据),不得不等着结果出来,再往下执行

所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。

异步 精细解读

Javascript是单线程

对异步方法给一个定义,什么样的方法算是异步方法。我认为异步方法最主要有2点,一个是不阻塞当前代码的执行,另一个是有回调方法。即异步方法运行完可以通知主线程。

Javascript中其实有2种异步,一种是基于浏览器的的异步IO,比如ajax的本质。另一种是基于计时方法setTimeout和setInterval的异步。

异步IO: 比如ajax,写代码的时候都是顺序执行的,但是在真正处理请求的时候,有一个单独的浏览器线程来处理,并且在处理完成后会触发回调。这种情况下,参与异步过程的其实有2个线程主体,一个是javascript的主线程,另一个是浏览器线程。

SetTimeout setTimeout函数也可以实现“不阻塞”和“有回调”,所谓的不阻塞其实只是将阻塞延迟了

Web Woker 实现异步的另一个方法是Web Worker,web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。Web Workers依赖于浏览器,目前支持的lSafari, Chrome, Opera, Internet Explorer (version 10) 和Mozilla Firefox.一旦使用Web Workers就等于使用了多线程技术。

posted @ 2018-07-30 17:49  Iven_Han  阅读(656)  评论(0编辑  收藏  举报