《编写高质量代码改善JavaScript程序的188个建议》读书笔记

1. 逗号运算符比较怪异。如    var a =(1,2,3,4);alert(a);// 4      var a = 1,2,3,4;//报错
2. 注意a++和++a的差别，变量在参与运算中不断地变化。var a; a = (a++) + (++a) - (a++) - (a++);
3. 在if语句中禁止使用function语句，虽然大多数的浏览器都允许在if语句中使用function，但它们在解析function语句的处理各不相同，因此造成了可移植性方面的问题。一个语句不能以一个函数表达式开头（？）。
4. 基于函数的迭代要比基于循环的迭代慢一些。因为每个数组项要关联额外的函数调用时造成速度慢的主要原因。
5. 当条件体增加时，if性能负担增加的程度比switch更大。
6. 在JavaScript提供的4中循环类型中，只有for in 循环执行速度比其他循环明显要慢，因为除了要查找对象上的属性外，还要查找原型链上的属性，增加性能开销。（in 运算符的运算机制？）
7. 回溯是影响正则整体性能的唯一因素。
8. 使用function语句和函数直接量定义的函数构造总会被里提取出来优先执行。只有在函数被解析和执行完毕之后，才会按顺序执行其他代码行。但是使用new Function构造函数定义的函数并非提前运行，而是运行时动态地被执行，这也是Function构造函数定义的函数具有顶级作用域的根本原因。
9. 通过new运算符可以复制函数的结构，从而实现函数实例化的目的。
10. 惰性载入函数主要解决的问题也是兼容性，原理跟分支函数类似。
11. 函数绑定是为了改变函数执行上下文，特别是当函数中有this关键字时。
12. 高阶函数至少满足以下条件之一：□接收函数作为输入；□输出一个函数
13. 借助prototype属性，可以访问原型对象内部成员。当构造函数实例化后，所有实例对象都可以访问构造函数的原型成员。
14. 本地属性会覆盖原型属性，如果使用delete运算符删除本地属性，那么原型属性依然会显示出来。
15. 使用原型的几种用途：1）使用原型设置默认值；2）使用原型实现数据备份；3）使用原型设置只读属性；4）使用原型进行批量复制
16. “||”运算符为对象属性设置默认值，当对象属性值未定义时，以默认值进行传递。
17. 使用hasOwnProperty方法。如果对象拥有独有的属性，那么调用该方法将返回true，也就是说hasOwnProperty不会检查原型链。
18. 构造函数是一个特殊结构的函数，它没有返回值，通过this关键字来初始化实例对象。
19. JavaScript核心对象中的Math和Global都是静态对象，不需要实例化就可以直接访问。
20. 类的静态成员包括私有和公共两种类型，不管是公共成员还是私有成员，它们在系统中只有一份副本，不会被分成多份传递给不同的对象，而是通过函数指针进行引用，这与闭包截然不同。
21. 如果构造函数有返回值，并且返回值是引用类型，那么经过new运算符计算后，返回的不再是构造偶函数自身对应的实例对象，而是构造函数包含的返回值（即引用类型值）。
22. 浏览器渲染操作的顺序如下：1）解析HTML结构；2）加载外部脚本和样式文件；3）解析并执行脚本代码；4）构造HTML DOM模型；5）加载图片等外部文件；6）页面加载完毕
23. createElement和innerHTML两者性能基本相近，不过在几乎所有的浏览器中innerHTML速度更快一些，但最新的基于WebKit的浏览器（Chrome和Safari）除外。
24. 警惕文档遍历中的空格bug。在遍历DOM文档元素时，空格的存在很容易造成误解，因为DOM把空格也作为一个节点进行解析（包括换行符）。
25. 在大多数浏览器上，克隆节点更有效率，但提高得不太多。用克隆节点的办法创建1000行表格，只创建一次单元格，然后重复执行复制操作，只有会更快一点。
26. 当DOM改变影响到元素的几何属性（宽和高）时，如改变边框属性或在段落中添加文字将发生一系列后续动作：浏览器需要重新计算元素的几何属性，而且其他元素的几何属性和位置也会因此改变并受到影响。浏览器使渲染树上受到影响的部分失效，然后重构渲染树，这个过程称作重排版（reflow）。
27. 对于浏览器窗口来说，通过获取html标签的clientWidth和clientHeight属性就可以得到浏览器窗口的可视宽度和高度，document.documentElement.clientWidth。但是ie一下版本的浏览器中，body是最顶层的可视元素，因此需要写成document.body.clientWidth。
28. 在JavaScript中，不只是with表达式人为地改变运行期上下文的作用域链，try catch表达式的catch子句也具有相同效果。
29. DOM元素中有一些特殊的测量属性的访问和方法的调用，也会触发reflow，比较典型的就是offsetWidth和getComputedStyle。
30. 为了提高DOM访问效率，推荐使用XPath查找元素。很多浏览器已支持该功能。
31. 每个浏览器对长时间运行脚本检查方法上略有不同：IE）500万条语句以内；FF）默认限制为10s；Safari）默认限制为5s，且不可改变但能关闭；Chrome）没有长时间运行脚本限制，代之以依赖它的通用崩溃检测系统来处理此类实例；Opera）没有时间限制。