目录
一 原型链继承
方法:
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页面