JavaScript基础
- ES5.1 是 2011 年发布,ES2015(ES6) 是 2015年6月发布。
- JavaScript 的本质就是一个大的对象,这个对象是 Global Object,它由宿主环境创建。
- 原始数据类型:boolean、null、undefined、string、number、Symbol。
- 在最外层定义的变量也叫全局变量,会自动成为 window 对象(在浏览器中)的属性。
- 在 JavaScript 中,null 和 undefined 都代表空的含义,区别是,null 代表对象不存在,undefined 代表未定义。null 一般会指向全 0 的地址,这个地址无法访问,在这种情况下会被当作不存在处理;undefined 表示没有初始化,据此,一个变量可以被赋值为 null,但不可赋值为 undefined。
JavaScript 对象
- javascript 的核心是对象,每个对象都可以包含0个或多个由名值对组成的属性。
- 对象的属性有两种类型:基础类型(字面量)和对象类型。
- JavaScript 的对象又可以分为 function 对象和 object 两种类型。
- object 类型的对象是由 function 类型的对象创建的。
- 对象的属性有三种类型
- 命名数据属性(named data properties):普通名值对属性
- 命名访问器属性(named accessor properties):getter、setter 属性
- 内部属性(internal properties):没有名字的特殊属性
JavaScript 运行时
- 栈:函数调用形成了一个栈帧。
- 堆:对象被分配在一个堆中,即用以表示一个大部分非结构化的内存区域。
- 消息队列:一个 JavaScript 运行时包含了一个待处理的消息队列。每一个消息都与一个函数相关联。当栈拥有足够内存时,从队列中取出一个消息进行处理。这个处理过程包含了调用与这个消息相关联的函数(因而创建了一个初始堆栈帧)。当栈再次为空的时候,也就意味着消息处理结束。
- 执行至完成:每一个消息完整的执行后,其它消息才会被执行。
- 零延迟:零延迟并不是意味着回调会立即执行。在零延迟调用 setTimeout 时,其并不是过了给定的时间间隔后就马上执行回调函数。其等待的时间基于队列里正在等待的消息数量。
- 多个运行时互相通信:一个 web worker 或者一个跨域的iframe都有自己的栈,堆和消息队列。两个不同的运行时只能通过 postMessage方法进行通信。如果后者侦听到message事件,则此方法会向其他运行时添加消息。
- 事件循环模型的一个非常有趣的特性是它永不阻塞。例外是存在的,如 alert或者同步 XHR,但应该尽量避免使用它们。
DOM
- DOM1 发布于 1998年10月,DOM2 发布于 2000年11月,DOM3 发布于 2003年12月(Validation) 和 2004年4月(Core、Load and Save)
- 所有的 DOM 标准都有一个共同特点,除了异常之外的所有对象都是以接口形式定义的。
- 在 DOM 中,文档的所有组成部分都叫做 Node(节点)。
- 事件主要由三部分组成:
- 事件的目标(EventTarget)
- 事件监听器(EventListener)
- 事件本身(Event)
- Style 和 Views 是 DOM 中的两个子标准,它们都和显示的样式有关。
- Style 标准又分为 StyleSheets 和 CSS 两部分。
- Views 子标准用来表示文档对应的视图,一个 Document 文档可能对应一个视图,也可能对应多个视图(如包含 HTML Frame 的文档)。