前端小白红宝书实在啃不下来，打算碎片时间看，最近在看忍者秘籍，将内容做点笔记总结一下，仅供参考

第1章 无所不在的JavaScript

1. JavaScript语言特性

1）核心特性

• 函数是一等公民（一级对象）：函数与其他对象共存，并且能够像其他对象一样地使用
• 函数闭包：当函数主动维护了在函数内使用的外部的变量，则该函数为一个闭包
• 作用域：没有（类似C语言中的）块级作用域下的变量，取而代之则只能依赖函数级别的变量和全局变量。
• 基于原型的面向对象：不同于其他主流的面向对象语言（例如C#、Java、Ruby）使用基于类的面向对象

1）新特性

• 生成器：一种可以基于一次请求生成多次值得函数，在不同请求之间也能挂起执行
• Promise：让我们可以更好地控制异步代码
• 代理：让我们控制对特定对象的访问
• 高级数组方法：书写更优雅的数组处理函数
• Map：用于创建字典集合
• Set：处理仅包含不重复项目的集合
• 正则表达式：简化用代码书写起来很复杂的逻辑
• 模块：把代码划分为较小的可以自包含的片段，使项目更易于管理

2. JavaScript引擎核心要素

• 编译器：主要工作是将源代码编译成抽象语法树，然后在某些引擎中还包含将抽象语法树转换成字节码
• 解释器：在某些引擎中，解释器主要是接受字节码，解释执行这个字节码，然后也依赖来及回收机制等。
• JIT工具（即时编译器）：一个能够能够即时编译的工具，将字节码或者抽象语法树转换成本地代码，当然它也需要依赖牢记
• 垃圾回收器和分析工具（profiler）：它们负责垃圾回收和收集引擎中的信息，帮助改善引擎的性能和功效。

3. JavaScript开发中的3个最佳实践

1）调试

• Firebug——开发者扩展工具Firefox的流行成为调试工具的开端
• Chrome DevTools——由Chrome 团队开发，并应用在了 Chrome 和Opera浏览器中
• Firefox开发者工具——包含在Firefox中的工具，由Firefox 团队开发；
• F12 开发者工具——Internet Explorer 浏览器 及微软 Edge浏览器中包含的调试工具
• WebKit 检视器——Safari中包含的调试工具

2）测试

assert（condition, message）：第一个参数是一个应为真值的条件，第二个参数是当断言为假时所
展示的一句话

• 性能分析

console.time("My operation");	---	开始计时器for(var n = 0; n < maxCount; n++){/* perform the operation to be measured */
}	--- 执行多次操作console.timeEnd("My operation");	---	停止计时器

这段代码中，我们把要被测量的代码放在两个计时器调用之间，分别是内置console对象上的time和timeEnd方法，浏览器就会输出从开始到当前的时间差

第2章 运行时的页面构建过程

1. Web应用的生命周期步骤

1）页面构建——创建用户界面
2）事件处理——进入循环（序号5）从而等待事件（序号6的发生），发生后调用事件处理器

2. 从HTML代码到Web页面的处理过程

1）解析HTML代码并构建文档对象模型 （DOM）
2）执行JavaScript代码

3. JavaScript代码的执行顺序

全局JavaScript代码是遇到script节点时自上而下执行的。在这个执行过程中，JavaScript代码能够以任意程度改变当前的DOM，还能够注册事件处理器——事件处理器是一种函数，当某个特定事件（例如，一次鼠标单击或键盘按压）发生后会被执行。

4. 注册事件处理器

两种方式：

• 函数赋值给特殊属性（不推荐）：对于某个事件只能注册一个事件处理器

// 通过这种方式，事件处理器就会注册到load事件上（当DOM已经就绪并全部构建完成，就会触发这个事件）
window.onload = function（）{}; // 为在文档中body元素的单击事件注册处理器
document.body.onclick = function（）{};

• 使用addEventListener：让我们能够注册尽可能多的事件，只要我们需要

document.body.addEventListener（"click", function（）{ --- 为click事件注册处理器
var second = document.getElementById（"second"）;
addMessage（second, "Event: click"）;
}）;

5. 事件处理的过程

浏览器会先将事件根据发生的顺序放入事件队列中，事件处理阶段，在同一时刻，只能处理多个不同事件中的一个，处理顺序是事件生成的顺序，事件循环会检查队列的队头，发现第一个事件后，执行相应的事件处理器，处理完毕后，轮到队列中的下一个事件，以此类推直到队列中没有新的事件，事件就会继续循环等待新到来的事件，直到用户关闭Web应用结束

练习

1. 客户端Web应用的两个生命周期阶段是什么？
页面构建和事件处理
2. 相比将事件处理器赋值给某个特定元素的属性上，使用addEventListener方法来注册事件处理器的优势是什么
函数赋值给特殊属性对某个事件只能注册一个事件处理；而使用addEventListener能注册尽可能多的事件
3. JavaScript引擎在同一时刻能处理多少个事件?
在同一时刻，只能处理多个不同事件中的一个
4. 事件队列中的事件是以什么顺序处理的？
处理顺序是事件生成的顺序

第3章 新手的第一堂函数课：定义与参数

1. 函数的重要性

把JavaScript看作函数式语言你就能书写复杂代码

2. 函数是第一类对象

作为第一类对象，函数和JavaScript中其他对象一样。类似于其他对象类型，函数具有以下功能

• 通过字面量创建

function ninjaFunction(){}

• 赋值给变量、数组项或其他对象的属性

var ninjaFunction = function(){}

• 作为函数参数传递
• 作为函数的结果返回
• 赋值给属性和方法