【前言】
本书讲述如何指挥计算机开展工作。如今计算机与螺丝刀一样普遍,但它们比螺丝刀复杂得多,让它们完成你想做的工作并不容易。
如果是一个常见的、易于理解的任务,例如显示你的电子邮件或充当计算器,你可以打开相应的应用程序并开始工作。但对于独一无二或开放式的任务,可能没有现成的应用程序可用。
这就是编程的用武之地。编程是构建程序的行为,而程序是一组告诉计算机该做什么的精确指令。因为计算机是头脑简单、死板的,编程基本上是单调乏味和令人沮丧的。
幸运的是,如果你能克服这些,甚至可能享受愚笨的机器可以处理的严谨思维,那么编程可以带来丰厚的回报。它允许你在几秒钟内完成手工永远无法完成的操作。这是一种让你的计算机工具做以前无法做的事情的方法。它提供了抽象思维的精彩练习。
大多数编程活动都是用编程语言完成的。编程语言是用于指导计算机的人造语言。有趣的是,我们发现与计算机通信的最有效方式是从人类彼此通信的方式中借鉴大量的内容。与人类语言一样,计算机语言允许以新的方式组合单词和短语,从而可以表达新的概念。
基于语言的界面,例如20世纪80年代和90年代的BASIC和DOS提示符,在某种程度上曾经是与计算机交互的主要方法。它们在很大程度上被图形界面取代,图形界面更容易学习,但提供的自由度更低。如果你知道计算机语言的藏身之处,就仍然可以把它们用起来。每种现代Web浏览器都内置了一种这样的语言——JavaScript,因此它几乎可以在每台设备上使用。
本书将努力让你熟悉这种语言,以便用它来做有用和有趣的事情。
【关于编程】
除了解释JavaScript之外,我还将介绍编程的基本原理。事实证明,编程很难。基本规则简单明了,但基于这些规则构建的程序往往变得非常复杂,从而无法说明其规则和复杂性。编程在某种程度上构建了自己的迷宫,你可能会迷失在里面。
有时读这本书会让人非常沮丧。如果你不熟悉编程,那么会有很多新内容需要消化。其次,大部分时候都需要你具备其他相关知识才能理解这些内容的组合。
你需要付出必要的努力。当你努力学习这本书时,不要对自己的能力有任何怀疑。你很优秀——只需要坚持下去。休息一下,重读一些章节,并确保阅读并理解示例程序和练习。学习是一项艰苦的工作,但你学到的一切都属于自己,并且会使后续的学习变得更容易。
当行动变得无利可图时,收集信息;
当信息变得无利可图时,睡觉。
—Ursula K. Le Guin,《黑暗的左手》
程序这个词有多重含义。它是由程序员键入的一段文本,是使计算机完成任务的指挥力量,它也是计算机内存中的数据,它还控制在同一内存上执行的操作。将程序与我们熟悉的对象进行类比往往不尽如人意。有一种表面上比较恰当的比喻,即把程序视作包含许多零件的机器,为了使整台机器正常运转,我们必须考虑如何将这些零件相互连接起来,并实现整体的运转。
计算机是一台承载这些无形机器的物理机器。计算机本身只能做简单直接的事情。它们如此有用的原因是它们做这些事情的速度极快。程序可以巧妙地结合大量简单的动作来完成非常复杂的事情。
程序是思想的结晶。构造它不需要成本,它也没有重量,通过打字我们很容易把它创造出来。
但是,如果不加注意,程序的大小和复杂性将会失去控制,甚至会使构造它的人无法理解。保持程序受控是编程中需要考虑的主要问题。当一个程序正常工作时,它是优美的。编程艺术是控制复杂性的技能。出色的程序都是简明的,它们的复杂性都不太高。
一些程序员认为管理这种复杂性的最好办法是只在程序中使用一小部分易于理解的技术。他们制定了严格的规则(“最佳实践”)来规定程序应该具有的形式,并小心地把它们限定在很小的安全范围内。
这不仅无聊,而且效果不佳。新问题通常需要新的解决方案。编程的历史不长,并且仍在迅速发展,而且它的变化足以为不同的方法提供空间。在程序设计中有很多可怕的错误,应该继续大胆犯错以加深你的理解。编写好程序的感觉是在编程实践中培养起来的,而不是从一系列规则中学到的。
【什么是JavaScript】
JavaScript于1995年面世,它是在Netscape Navigator浏览器中向网页添加程序的一种方式。所有其他主要的图形Web浏览器都已采用了此语言。它使现代Web应用程序成为可能——你可以直接与这种应用程序交互,而不必为每个动作重新加载页面。JavaScript也用于更传统的网站,以提供各种形式的交互性和智能。
值得注意的是,JavaScript与名为Java的编程语言几乎无关。采用相似名称是出自营销考虑,而不是合理的判断。当JavaScript出现时,Java语言正在大规模推广并且越来越受欢迎。有人认为尝试搭乘这一成功语言的顺风车是一个好主意。现在我们已经无法摆脱这个名字了。
JavaScript语言在Netscape之外得到采用之后,人们编写了一个标准文档来描述它的工作方式,以便声称支持JavaScript的各种软件实际上都在讨论同一种语言。这被称为ECMAScript标准,得名于标准化它的ECMA国际组织。在实践中,ECMAScript和JavaScript这两个术语可以互换使用,它们是同一种语言的两个名称。
有人会说JavaScript有许多糟糕之处。其中很多都是确实存在的。当我第一次被要求用JavaScript编写程序时,我很快就开始鄙视它了。它几乎可以接受我输入的任何代码,但它解释这个代码的方式却与我的原意完全不同。这与我当时没有弄清楚“我在做什么”有很大关系,但这里有一个真正的问题:JavaScript在它允许的内容上过于自由。这种设计背后的初衷是,它将使初学者更容易使用JavaScript进行编程。实际上,因为系统不会向你指出问题,所以更难以在程序中发现问题。
不过,这种灵活性也有其优点。它为许多技术留下了空间,这些技术在更严格的语言中是不可能实现的,正如你将看到的(例如在第10章中),它的灵活性可以用来克服一些JavaScript的缺点。在正确学习JavaScript语言并花一段时间使用它后,我真的变得喜欢它了。
JavaScript有好几个版本。ECMAScript第3版是JavaScript在2000年到2010年逐渐占据主导地位时得到广泛支持的版本。在此期间,ECMA正在雄心勃勃地开发第4版,此版本计划对该语言进行一些彻底的改进和扩展。以这种激进的方式改变一种活生生的、广泛使用的语言,在现实中非常困难,所以ECMA在2008年放弃开发第4版,这导致改动远不那么激进的第5版。第5版于2009年发布,只进行了一些无争议的改进。然后在2015年发布了第6版,这是一个重大更新,其中包括原计划加到第4版中的一些想法。从那时起,我们每年都有新的小更新。
语言不断发展这一事实意味着浏览器必须不断跟进,如果你使用的是较旧的浏览器,则可能无法支持所有功能。语言设计人员谨慎地不做任何可能破坏现有程序的更改,因此新浏览器仍然可以运行旧程序。在本书中,我使用的是2017版JavaScript。
Web浏览器不是唯一使用JavaScript的平台。一些数据库(如MongoDB和CouchDB)也使用JavaScript作为脚本和查询语言。用于桌面和服务器编程的几个平台为在浏览器之外编写JavaScript提供了环境,其中最值得注意的是Node.js项目(详见第20章)。
【代码以及对它的处理方式】
代码是组成程序的文本。本书中的大多数章节都包含很多代码。我相信阅读代码和编写代码是学习编程不可或缺的部分。不要只是粗略浏览一下这些例子,务必仔细阅读并理解它们。这么做起初可能很慢而且费脑子,但我保证你会很快掌握它。习题也是如此。在你真正编写出有效的解决方案之前,不要认为已经明白了它们。
我建议你尝试使用实际的JavaScript解释器来检查习题答案。利用这种方式,你可以立即获得你的代码是否有效的反馈,并且,我希望你会尝试进行实验,并且不只限于这些习题。
运行本书中的示例代码并进行实验的最简单方法是在https://eloquentjavascript.net上的本书在线版本中查找。在那里,你可以单击任何代码示例来编辑和运行它,并查看它产生的输出。要进行练习,请访问https://eloquentjavascript.net/code,它为每个编码习题都提供启动代码,并允许你查看解决方案。
如果你想在本书的网站之外运行书中定义的程序,则需要注意一些事项。许多示例都独立存在,应该适用于任何JavaScript环境。但是后面章节中的代码通常是针对特定环境(浏览器或Node.js)编写的,并且只能在那种环境中运行。此外,许多章节定义了规模更大的程序,出现在它们中的代码片段彼此依赖或依赖于外部文件。网站上的沙盒提供了Zip文件的链接,其中包含运行给定章节代码所需的所有脚本和数据文件。
【本书概述】
本书包含三个部分。前十二章讨论了JavaScript语言。接下来的七章介绍Web浏览器以及JavaScript用于浏览器编程的方式。最后,用两章专门介绍Node.js,这是另一种用于编写JavaScript的环境。
在整本书中,有五个项目实战章节,它们描述了大型的示例程序,让你体验实际的编程。按照出现顺序,我们将建立一个投递机器人、一种编程语言、一个平台游戏、一个像素绘图程序和一个动态网站。
本书语言部分的前四章介绍JavaScript语言的基本结构。它们引入了控制结构(如while)、函数(编写自己的构件)和数据结构。在这之后,你将能够编写基本的程序。接下来,第5章和第6章介绍了使用函数和对象技术编写更抽象的代码并控制复杂性。
在第一个项目实战章节之后,本书的语言部分继续介绍错误处理和错误修复、正则表达式(用于处理文本的重要工具)、模块化(针对复杂性的另一种防御)和异步编程(处理花时间的事件)等内容。第二个项目实战章节总结了本书的第一部分。
第二部分为第13~19章,描述了浏览器JavaScript可以访问的工具。你将学会在屏幕上显示内容(第14章和第17章)、回应用户输入(第15章),以及通过网络进行通信(第18章)。本部分也包括两个项目实战章节。
第三部分为第20~22章。第20章描述了Node.js,第21章使用此工具构建了一个小型网站。最后,第22章描述了在优化JavaScript程序以提高速度时需要注意的一些事项。
【译者序】
JavaScript在网络时代诞生,从为静态网页添加各种炫目的特效,到现在几乎所有在线的交互网站和小程序,都大量使用了JavaScript。我们几乎每天都通过浏览器和各种应用与它打交道,它已成为我们日常工作、生活不可或缺的组成部分。它的这种无所不在,也便于我们在各种环境中进行学习。
JavaScript的演进适应了网络的发展,标准化组织定期为它添加新功能,并且得益于大量的投资和引擎开发人员的努力,它的执行性能也在不断地提高。使用JavaScript不但可以编写在浏览器上执行的客户端程序,而且可以编写在网站后台作为服务器执行的程序。人们已利用JavaScript编写了许多流行的工具框架,如jQuery、Angular、Express等。由它定义的JSON是轻量级的文本数据交换格式,许多数据库软件也支持JavaScript和JSON,如MongoDB、CouchDB、MySQL等。JavaScript已经成为当下最流行的“全栈”开发语言。
JavaScript内容庞大,一本书不可能面面俱到地介绍所有内容。本书提纲挈领地介绍了语言的主要功能和特色,包括基本结构、函数、数据结构、高阶函数、错误处理、正则表达式、模块、异步编程、浏览器文档对象模型、事件处理、绘图、HTTP表单、Node等,读者可以通过学习这些内容循序渐进地掌握基本的编程概念、技术和思想。为了读者能够较快地上手实际的项目,本书安排了5个实战章节,涉及路径查找、自制编程语言、平台交互游戏、绘图工具和动态网站等方面,这些章节教会我们如何利用掌握的知识实现各种功能,并组成一个完整的项目。最后一章介绍了JavaScript性能优化的方法论、思路和工具,以帮助我们开发高效的程序。
本书与时俱进,已更新到第3版,这一版包含了JavaScript语言ES6 规范的最新功能,比如绑定、常量、类、promise等。学习了本书,就能了解该语言的最新发展,编写出更强大的代码。
本书有一个功能丰富的支持网站(网址请见“前言”介绍),上面有可免费阅读的章节,可以实际执行内嵌的代码段,允许即时查看结果,还有供执行示例程序和习题的沙盒。这些都是作者精心设计的,网站本身就是对JavaScript的绝好展示。我的儿子卢令一就被第16章的熔岩游戏所吸引,当他了解到这样有趣的游戏只要几百行代码就能编写出来时,对编程也产生了浓厚的兴趣。
感谢华章公司刘锋编辑的信任,把这本书交给我翻译。感谢我的同事们,在工作中教给我许多IT知识。感谢我的家人,他们的辛勤劳动,使我能专心地投入本书的翻译。
卢涛