js实战笔记4

目录

一 原型链继承

 二 组合继承

 三 进程和线程

四 js单线程运行

 五 事件循环模型

六 H5 Web Workers多线程


一 原型链继承

方法:
      1)定义父类型构造函数

2)给父类型的原型添加方法

      3)定义子类型的构造函数
      4)创建父类型的对象赋值给子类型的原型

5)将子类型原型的构造属性设置为子类型

     6)给子类型原型添加方法
      7)创建子类型的对象:可以调用父类型的方法关键
关键:子类型的原型为父类型的一个实例对象

 二 组合继承

 三 进程和线程

进程:程序的一次执行,它占有一片独有的内存空间可以通过windows任务管理器查看进程

线程:进程内的一个独立执行单元,是程序执行的一个完整流程,是CPU的最小的调度单元

 应用程序必须运行在某个进程的某个线程上
一个进程中至少有一个运行的线程:主线程,进程启动后自动创建

一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的

一个进程内的数据可以供其中的多个线程直接共享
多个进程之间的数据是不能直接共享的
线程池(thread pool);保存多个线程对象的容器,实现线程对象的反复利用

多进程运行:一应用程序可以同时启动多个实例运行

多线程:在一个进程内,同时有多个线程运行
多线程优点:能有效提升CPU的利用率
            缺点:创建多线程开销、线程间切换开销、死锁与状态同步问题
单线程优点:顺序编程简单易懂
          缺点:效率低

js是单线程运行的,但使用H5中的Web Workers可以多线程运行

浏览器运行都是多线程运行的,有的是单进程(老版IE),有的是多进程(新版IE)

主线程:js引擎模块:负责js程序的编译与运行
             html,css文档解析模块:负责页面文本的解析
              DOM/css模块:负责dom/css在内存中的相关处理
            布局和渲染模块:负责页面的布局和效果的绘制(内存中的对象)
分线程:定时器模块:负责定时器的管理
               DOM事件响应模块:负责事件的管理
               网络请求模块:负责ajax请求

定时器延时问题:定时器并不能保证真正定时执行,一般会延迟一丁点(可以接受),也有可能延迟很长时间(不能接受)。定时器回调函数是在主线程执行的,js是单线程的

四 js单线程运行

1 如何证明js执行是单线程的?
setTimeout()的回调函数是在主线程执行的
定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行

2 为什么js要用单线程模式,而不用多线程模式?
JavaScript的单线程,与它的用途有关。
作为浏览器脚本语言,Javascript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程否则会带来很复杂的同步问题

3 代码的分类:
初始化代码、回调代码
4 js 引擎执行代码的基本流程
       先执行初始化代码:包含一些特别的代码(如设置定时器 、绑定事件监听、发送ajax请求
): 回调函数(异步执行)       

      后面在某个时刻才会执行回调代码

 五 事件循环模型

模型原理图(转载

js引擎执行代码的基本流程:初始化代码===>回调代码模型的

2个重要组成部分:事件管理模块、回调队列

模型的运转流程:
    执行初始化代码,将事件回调函数交给对应模块管理
       当事件发生时,管理模块会将回调函数及其数据添加到回调列队中
          只有当初始化代码执行完后(可能要一定时间),才会遍历读取回调队列中的回调函数执行
相关概念:

1.执行栈(execution stack)
      所有的代码都是在此空间中执行的
2.浏览器内核(browser core)
   js引擎模块(在主线程处理),其它模块(在主/分线程处理)
3.任务队列( task queue)
4消息队列(message queue)

5.事件队列(event queue)
  (3,4,5都属于同一个: callback queue)

6 事件轮询(event loop):从任务队列中循环取出回调函数放入执行栈中处理(一个接一个)

7 事件驱动模型

8 请求响应模型

六 H5 Web Workers多线程

H5规范提供了js分线程的实现,取名为:web workers

相关API
      worker:构造函数,加载分线程执行的js文件
      worker.prototype.onmessage:用于接收另一个线程的回调函数

      worker.prototype.postMessage:向另一个线程发送消息
不足
     worker内代码不能操作DOM(更新uT)

     不能跨域加载JS
     不是每个浏览器都支持这个新特性
  

Web Workers是HTML5提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户旦是子线程完全受主线程控制,且不得操作DOM。

worker.js页面

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值