本书是Web前端工程师进阶修炼的必读之作，将为你通往“JavaScript技术殿堂”指点迷津！内容全部由编写高质量的JavaScript代码的最佳实践组成，从基本语法、应用架构、工具框架、编码风格、编程思想等5大方面对Web前端工程师遇到的疑难问题给出了经验性的解决方案，为Web前端工程师如何编写更高质量的JavaScript代码提供了188条极为宝贵的建议。对于每一个问题，不仅以建议的方式给出了被实践证明为十分优秀的解决方案，而且还给出了经常被误用或被错误理解的不好的解决方案，从正反两个方面进行了分析和对比，犹如醍醐灌顶，让人豁然开朗。
本书针对每个问题所设计应用场景都非常典型，给出的建议也都与实践紧密结合。书中的每一条建议都可能在你的下一行代码、下一个应用或下一个项目中崭露头角，建议你将此书搁置在手边，随时查阅，一定能使你的学习和开发工作事半功倍。
从基本语法、应用架构、工具框架、编码风格、编程思想5个方面深入探讨编写高质量JavaScript代码的技巧、禁忌和最佳实践
编写高质量代码
改善JavaScript程序的188个建议
成 林 著
封底：
作为一个Web开发工程师，你在编写JavaScript代码时是不是也被诸如以下这些问题所困扰：
如何减少全局变量的污染？
为什么不要使用类型构造器？
如何提高循环性能和条件性能的策略？
如何提高正则表达式的执行效率？
有哪些场景要避免使用正则表达式？
为什么要在循环体和异步回调中慎重使用闭包？
如何使用模块化规避缺陷？
为什么克隆节点比创建节点更好？
数据存储时如何考虑访问速度？
如何提高DOM的访问效率？
……
如果你曾经为类似于这样的一些问题感到疑惑不解或顿然大悟，说明你正在向JavaScript技术的巅峰攀登，正在成长为“振臂一呼，应者云集”的技术大牛，恭喜你！本书从不同的侧面出发，对JavaScript编码中的各种棘手的常见问题和“疑难杂症”奉献了真知灼见，相信你一定能从中受益。
前：
这是一本关于JavaScript编码最佳实践的集大成之作，也是一本能指导Web开发工程师编写出高质量JavaScript代码的指点迷津之作。全书从基本语法、应用架构、编程思想和编码规范等多方面为广大的Web开发工程师们总结出了188条极富借鉴意义的建议，这些建议都是在实践中被证明是解决JavaScript编码中疑难问题的最佳实践。如果能掌握本书中的内容，不仅能加深对JavaScript语言的理解以及提升程序架构和设计方面的能力，而且还能规范我们的开发行为和习惯，让我们成为一名优秀的Web开发工程师，让我们能编写出更高质量的JavaScript代码。
—— 51CTO
（www.51cto.com，中国领先的IT技术网站）
作者简介
成 林 资深Web前端工程师，从事Web前端工作多年，精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技术，在实践中积累了大量的经验。推崇Web技术标准，曾经在多所高等院校和一些线下技术沙龙主讲Web标准和规范相关的课程，曾经还参与过W3C组织的标准化文档的中文编译工作。近几年来，集中精力研究和实践CSS 3和 HTML 5前沿技术，在国内是该领域的先驱者之一。
为什么要写这本书
JavaScript是目前比较流行的Web开发语言。随着移动互联网、云计算、Web 3.0和客户端开发概念的升温，JavaScript语言不断成熟和普及，并被广泛应用于各种B/S架构的项目和不同类型的网站中。对于JavaScript初学者、网页设计爱好者以及Web应用开发者来说，熟练掌握JavaScript语言是必需的。
JavaScript语言的最大优势在于灵活性好，适应能力强。借助各种扩展技术、开源库或框架，JavaScript能够完成Web开发中各种复杂的任务，提升客户端用户体验。
作为资深的Web开发人员，笔者已经习惯了与高性能的编程语言和硬件打交道，因此一开始并没有对JavaScript编程有太高的期望。后来才发现， JavaScript实际上是一种优秀且高效的编程语言，而且随着浏览器对其更好的支持、JavaScript语言本身的性能提升，以及新的工具库加入，JavaScript不断变得更好。JavaScript结合HTML 5等为Web开发人员提供了真正可以发挥想象力的空间。Node.js等新技术则为使用JavaScript对服务器进行编程描绘了非常美好的未来。
但是，在阅读网上大量散存的JavaScript代码时，笔者能明显感觉到很多用户正在误入“歧途”：编写的代码逻辑不清，结构混乱，缺乏编程人员应有的基本素养。这种现状一般都是用户轻视JavaScript语言所致。还有很多用户属于“半路出家”，误认为JavaScript就是一种“玩具语言”，没有以认真的态度对待和学习这门语言，书写代码也很随意。因此，笔者萌生了写一本以提高JavaScript代码编写质量为目的的书籍，在机械工业出版社华章分社杨福川编辑的鼓励和指导下，经过近半年的策划和准备，终于鼓起勇气动笔了。
本书特色
深。本书不是一本语法书，它不会教读者怎么编写JavaScript代码，但它会告诉读者，为什么Array会比String类型效率高，闭包的自增是如何实现的，为什么要避免DOM迭代……不仅仅告诉读者How（怎么做），而且还告诉读者Why（为什么要这样做）。
广。涉及面广。从编码规则到编程思想，从基本语法到系统框架，从函数式编程到面向对象编程，都有涉及，而且所有的建议都不是“纸上谈兵”，都与真实的场景相结合。
点。从一个知识点展开讲解，比如继承，这里不提供继承的解决方案，而是告诉读者如何根据需要使用继承，如何设置原型，什么时候该用类继承，什么时候该用原型继承等。
精。简明扼要。一个建议就是对一个问题的解释和说明，以及相关的解决方案，不拖泥带水，只针对一个问题进行讲解。
洁。虽然笔者尽力把每个知识点写得生动，但代码就是代码，很多时候容不得深加工，最直接也就是最简洁的。
这是一本建议书。有这样一本书籍在手边，对如何编写出优雅而高效的代码提供指导，将是一件多么惬意的事情啊！
读者对象
本书适合以下读者阅读：
打算学习JavaScript的开发人员。
有意提升自己网站水平和Web应用程序开发能力的Web开发人员。
希望全面深入理解JavaScript语言的初学者。
此外，本书也适合熟悉下列相关技术的读者阅读：
PHP/ASP/JSP
HTML/ XML
CSS
对于没有计算机基础知识的初学者，以及只想为网站添加简单特效和交互功能的读者，阅读本书前建议先阅读JavaScript基础教程类图书。
如何阅读本书
本书将改善JavaScript编程质量的188个建议以9章内容呈现：
第1章 JavaScript语言基础
JavaScript中存在大量的问题，这些问题会妨碍读者编写优秀的程序。应该避免JavaScript中那些糟糕的用法，因此本章主要就JavaScript语言的一些基本用法中容易犯错误的地方进行说明，希望能够引起读者的重视。
第2章 字符串、正则表达式和数组
JavaScript程序与字符串操作紧密相连，在进行字符串处理时无时无刻不需要正则表达式的帮忙。如何提高字符串操 作和正则表达式运行效率是很多开发者最易忽视的问题。同时，数组是所有数据序列中运算速度最快的一种类型，但很多初学者忽略了这个有用的工具。本章将就这3个技术话题展开讨论，通过阅读这些内容相信读者能够提高程序的执行效率。
第3章 函数式编程
函数式编程已经在实际应用中发挥了巨大作用，越来越多的语言不断地加入对诸如闭包、匿名函数等的支持。从某种程度上来讲，函数式编程正在逐步同化命令式编程。当然，用好函数并非易事，需要“吃透”函数式编程的本质，本章帮助读者解决在函数式编程中遇到的各种问题。
第4章 面向对象编程
JavaScript采用的是以对象为基础，以函数为模型，以原型为继承机制的开发模式。因此，对于习惯于面向对象开发的用户来说，需要适应JavaScript语言的灵活性和特殊性。本章将就JavaScript类、对象、继承等抽象的问题进行探索，帮助读者走出“误区”。
第5章 DOM编程
DOM 操作代价较高，在富网页应用中通常是一个性能瓶颈。因此，在Web开发中，需要特别注意性能问题，尽可能地降低性能损耗。本章将为读者提供一些好的建议，帮助读者优化自己的代码，让程序运行得更快。
第6章 客户端编程
在JavaScript开发中，很多交互效果都需要CSS的配合才能够实现，因此CSS的作用不容忽视。本章主要介绍JavaScript+CSS脚本化编程，以及JavaScript事件控制技巧。
第7章 数据交互和存储
数据交互和存储是Web开发中最重要的，也是最容易被忽视的问题，它也是高性能JavaScript 的基石，是提升网站可用性的最大要素。本章主要介绍如何使用JavaScript提升数据交互的反应速度，以便更好地让数据在前、后台传递。
第8章 JavaScript引擎与兼容性
JavaScript兼容性是Web开发的一个重要问题。为了实现浏览器解析的一致性，需要找出不同引擎的分歧点在哪里。本章主要介绍各主流引擎在解析JavaScript代码时的分歧，使读者能够编写出兼容性很高的代码。
第9章 JavaScript编程规范和应用
每种语言都存在缺陷。事实证明代码风格在编程中是非常重要的，好的风格促使代码能被更好地阅读，更为关键的是，它能够提高代码的执行效率。本章主要介绍如何提升JavaScript代码编写水平，主要包括风格、习惯、效率、协同性等问题，希望能够给读者带来帮助。
本书的期望
您是否曾经为了提供一个简单的应用解决方案而彻夜地查看源代码？
您是否曾经为了理解某个框架而冥思苦想、阅览群书？
您是否曾经为了提升0.1s的DOM性能而对多种实现方案进行严格测试和对比？
您是否曾经为了避免兼容问题而遍寻高手共同“诊治”？
……
在学习和使用JavaScript的过程中，您是否在原本可以很快掌握或解决的问题上耗费了大量的时间和精力？本书的很多内容都是笔者曾经付出代价换来的，希望它们能够给您带来一些帮助！
代码是一切的基石，一切都是以编码实现为前提的，通过阅读本书，期望为读者带来如下帮助：
能写出简单、清晰、高效的代码。
能架构一个稳定、健壮、快捷的应用框架。
能回答一个困扰很多人的技术问题。
能修复一个应用开发中遇到的大的Bug。
能非常熟悉某个开源产品。
能提升客户端应用性能。
……
但是，“工欲善其事，必先利其器”，在“善其事”之前，先检查“器”是否已经磨得足够锋利了，是否能够在前进的路上披荆斩棘。无论将来的职业发展方向是架构师、设计师、分析师、管理者，还是其他职位，只要还与软件打交道，就有必要打好技术基础。本书所涉及的全部是核心的JavaScript编程技术，如果能全部理解并付诸实践，一定可以夯实JavaScript编程基础。
勘误和支持
除封面署名外，对本书编写提供帮助的还有：马本连、吴建华、江淑军、李斌、李经键、郑伟、田蜜、陆颖、王慧明、张炜、陈锐、王幼平、杨龙贵、苏震巍、崔鹏飞等。由于作者的水平有限，加之编写时间仓促，书中难免会出现一些错误或不准确的地方，恳请读者批评指正。书中的全部源文件可以从华章网站（www.hzbook.com）下载。如果您有任何意见建议，欢迎发送邮件至邮箱js_code@126.com，期待得到您的真挚反馈。
致谢
感谢机械工业出版社华章分社的杨福川编辑在这一年多的时间中始终支持我的写作，他的鼓励和帮助让我顺利完成了本书的编写工作。
最后感谢我的父母，感谢他们的养育之恩，感谢他们时时刻刻给我信心和力量！
谨以此书献给我最亲爱的家人，以及众多热爱JavaScript的朋友们！
成林
计算机\程序设计
作为一个Web开发工程师，你在编写JavaScript代码时是不是也被诸如以下这些问题所困扰：
? 如何减少全局变量的污染？
? 为什么不要使用类型构造器？
? 如何提高循环性能和条件性能的策略？
? 如何提高正则表达式的执行效率？
? 有哪些场景要避免使用正则表达式？
? 为什么要在循环体和异步回调中慎重使用闭包？
? 如何使用模块化规避缺陷？
? 为什么克隆节点比创建节点更好？
? 数据存储时如何考虑访问速度？
? 如何提高DOM的访问效率？
……
如果你曾经为类似于这样的一些问题感到疑惑不解或顿然大悟，说明你正在向JavaScript技术的巅峰攀登，正在成长为“振臂一呼，应者云集”的技术大牛，恭喜你！本书从不同的侧面出发，对JavaScript编码中的各种棘手的常见问题和疑难杂症奉献了真知灼见，相信你一定能从中受益。
成林 著：暂无简介
前 言
第1章 JavaScript语言基础 / 1
建议1：警惕Unicode乱码 / 1
建议2：正确辨析JavaScript句法中的词、句和段 / 2
建议3：减少全局变量污染 / 4
建议4：注意JavaScript数据类型的特殊性 / 6
建议5：防止JavaScript自动插入分号 / 11
建议6：正确处理JavaScript特殊值 / 12
建议7：小心保留字的误用 / 15
建议8：谨慎使用运算符 / 16
建议9：不要信任hasOwnProperty / 20
建议10：谨记对象非空特性 / 20
建议11：慎重使用伪数组 / 21
建议12：避免使用with / 22
建议13：养成优化表达式的思维方式 / 23
建议14：不要滥用eval / 26
建议15：避免使用continue / 27
建议16：防止switch贯穿 / 28
建议17：块标志并非多余 / 29
建议18：比较function语句和function表达式 / 29
建议19：不要使用类型构造器 / 30
建议20：不要使用new / 31
建议21：推荐提高循环性能的策略 / 31
建议22：少用函数迭代 / 35
建议23：推荐提高条件性能的策略 / 35
建议24：优化if逻辑 / 36
建议25：恰当选用if和switch / 39
建议26：小心if嵌套的思维陷阱 / 40
建议27：小心if隐藏的Bug / 42
建议28：使用查表法提高条件检测的性能 / 43
建议29：准确使用循环体 / 44
建议30：使用递归模式 / 48
建议31：使用迭代 / 49
建议32：使用制表 / 50
建议33：优化循环结构 / 51
第2章 字符串、正则表达式和数组 / 53
建议34：字符串是非值操作 / 53
建议35：获取字节长度 / 55
建议36：警惕字符串连接操作 / 56
建议37：推荐使用replace / 59
建议38：正确认识正则表达式工作机制 / 62
建议39：正确理解正则表达式回溯 / 63
建议40：正确使用正则表达式分组 / 65
建议41：正确使用正则表达式引用 / 68
建议42：用好正则表达式静态值 / 69
建议43：使用exec增强正则表达式功能 / 71
建议44：正确使用原子组 / 72
建议45：警惕嵌套量词和回溯失控 / 73
建议46：提高正则表达式执行效率 / 74
建议47：避免使用正则表达式的场景 / 76
建议48：慎用正则表达式修剪字符串 / 77
建议49：比较数组与对象同源特性 / 80
建议50：正确检测数组类型 / 81
建议51：理解数组长度的有限性和无限性 / 82
建议52：建议使用splice删除数组 / 83
建议53：小心使用数组维度 / 84
建议54：增强数组排序的sort功能 / 85
建议55：不要拘泥于数字下标 / 87
建议56：使用arguments模拟重载 / 89
第3章 函数式编程 / 91
建议57：禁用Function构造函数 / 91
建立58：灵活使用Arguments / 94
建议59：推荐动态调用函数 / 96
建议60：比较函数调用模式 / 99
建议61：使用闭包跨域开发 / 101
建议62：在循环体和异步回调中慎重使用闭包 / 104
建议63：比较函数调用和引用本质 / 106
建议64：建议通过Function扩展类型 / 108
建议65：比较函数的惰性求值与非惰性求值 / 109
建议66：使用函数实现历史记录 / 111
建议67：套用函数 / 113
建议68：推荐使用链式语法 / 114
建议69：使用模块化规避缺陷 / 115
建议70：惰性实例化 / 117
建议71：推荐分支函数 / 118
建议72：惰性载入函数 / 119
建议73：函数绑定有价值 / 121
建议74：使用高阶函数 / 123
建议75：函数柯里化 / 125
建议76：要重视函数节流 / 126
建议77：推荐作用域安全的构造函数 / 127
建议78：正确理解执行上下文和作用域链 / 129
第4章 面向对象编程 / 133
建议79：参照Object构造体系分析prototype机制 / 133
建议80：合理使用原型 / 137
建议81：原型域链不是作用域链 / 140
建议82：不要直接检索对象属性值 / 142
建议83：使用原型委托 / 143
建议84：防止原型反射 / 144
建议85：谨慎处理对象的Scope / 145
建议86：使用面向对象模拟继承 / 149
建议87：分辨this和function调用关系 / 152
建议88：this是动态指针，不是静态引用 / 153
建议89：正确应用this / 157
建议90：预防this误用的策略 / 161
建议91：推荐使用构造函数原型模式定义类 / 164
建议92：不建议使用原型继承 / 166
建议93：推荐使用类继承 / 168
建议94：建议使用封装类继承 / 171
建议95：慎重使用实例继承 / 172
建议96：避免使用复制继承 / 174
建议97：推荐使用混合继承 / 175
建议98：比较使用JavaScript多态、重载和覆盖 / 176
建议99：建议主动封装类 / 179
建议100：谨慎使用类的静态成员 / 181
建议101：比较类的构造和析构特性 / 183
建议102：使用享元类 / 186
建议103：使用掺元类 / 188
建议104：谨慎使用伪类 / 190
建议105：比较单例的两种模式 / 192
第5章 DOM编程 / 195
建议106：建议先检测浏览器对DOM支持程度 / 195
建议107：应理清HTML DOM加载流程 / 198
建议108：谨慎访问DOM / 200
建议109：比较innerHTML与标准DOM方法 / 200
建议110：警惕文档遍历中的空格Bug / 202
建议111：克隆节点比创建节点更好 / 203
建议112：谨慎使用HTML集合 / 204
建议113：用局部变量访问集合元素 / 206
建议114：使用nextSibling抓取DOM / 207
建议115：实现DOM原型继承机制 / 207
建议116：推荐使用CSS选择器 / 210
建议117：减少DOM重绘和重排版次数 / 211
建议118：使用DOM树结构托管事件 / 216
建议119：使用定时器优化UI 队列 / 217
建议120：使用定时器分解任务 / 220
建议121：使用定时器限时运行代码 / 221
建议122：推荐网页工人线程 / 222
第6章 客户端编程 / 226
建议123：比较IE和W3C事件流 / 226
建议124：设计鼠标拖放方案 / 229
建议125：设计鼠标指针定位方案 / 231
建议126：小心在元素内定位鼠标指针 / 233
建议127：妥善使用DOMContentLoaded事件 / 234
建议128：推荐使用beforeunload事件 / 236
建议129：自定义事件 / 236
建议130：从CSS样式表中抽取元素尺寸 / 238
建议131：慎重使用offsetWidth和offsetHeight / 241
建议132：正确计算区域大小 / 244
建议133：谨慎计算滚动区域大小 / 247
建议134：避免计算窗口大小 / 248
建议135：正确获取绝对位置 / 249
建议136：正确获取相对位置 / 251
第7章 数据交互和存储 / 254
建议137：使用隐藏框架实现异步通信 / 254
建议138：使用iframe实现异步通信 / 257
建议139：使用script实现异步通信 / 259
建议140：正确理解JSONP异步通信协议 / 264
建议141：比较常用的服务器请求方法 / 267
建议142：比较常用的服务器发送数据方法 / 271
建议143：避免使用XML格式进行通信 / 273
建议144：推荐使用JSON格式进行通信 / 275
建议145：慎重使用HTML格式进行通信 / 278
建议146：使用自定义格式进行通信 / 279
建议147：Ajax性能向导 / 280
建议148：使用本地存储数据 / 281
建议149：警惕基于DOM的跨域侵入 / 283
建议150：优化Ajax开发的最佳实践 / 286
建议151：数据存储要考虑访问速度 / 290
建议152：使用局部变量存储数据 / 291
建议153：警惕人为改变作用域链 / 293
建议154：慎重使用动态作用域 / 294
建议155：小心闭包导致内存泄漏 / 295
建议156：灵活使用Cookie存储长信息 / 296
建议157：推荐封装Cookie应用接口 / 298
第8章 JavaScript引擎与兼容性 / 300
建议158：比较主流浏览器内核解析 / 300
建议159：推荐根据浏览器特性进行检测 / 302
建议160：关注各种引擎对ECMAScript v3的分歧 / 305
建议161：关注各种引擎对ECMAScript v3的补充 / 316
建议162：关注各种引擎对Event解析的分歧 / 327
建议163：关注各种引擎对DOM解析的分歧 / 330
建议164：关注各种引擎对CSS渲染的分歧 / 335
第9章 JavaScript编程规范和应用 / 339
建议165：不要混淆JavaScript与浏览器 / 339
建议166：掌握JavaScript预编译过程 / 340
建议167：准确分析JavaScript执行顺序 / 344
建议168：避免二次评估 / 350
建议169：建议使用直接量 / 351
建议170：不要让JavaScript引擎重复工作 / 351
建议171：使用位操作符执行逻辑运算 / 353
建议172：推荐使用原生方法 / 355
建议173：编写无阻塞JavaScript脚本 / 356
建议174：使脚本延迟执行 / 358
建议175：使用XHR脚本注入 / 362
建议176：推荐最优化非阻塞模式 / 362
建议177：避免深陷作用域访问 / 363
建议178：推荐的JavaScript性能调优 / 365
建议179：减少DOM操作中的Repaint和Reflow / 368
建议180：提高DOM访问效率 / 370
建议181：使用 setTimeout实现工作线程 / 372
建议182：使用 Web Worker / 375
建议183：避免内存泄漏 / 377
建议184：使用SVG创建动态图形 / 380
建议185：减少对象成员访问 / 385
建议186：推荐100 ms用户体验 / 388
建议187：使用接口解决JavaScript文件冲突 / 390
建议188：避免JavaScript与CSS冲突 / 392
