【现货速发】轻松学会JavaScript

编程是我们可以学会的创造力的技能。为什么这么说呢？因为，如果学会了绘画，就可以进行艺术创造。如果学会了拉小提琴，就可以演奏乐曲，但如果学会了编程，就可以创造全新的体验(如果想的话，也可以用编程来创造图片和音乐)。一旦踏上了编程之路，我们的步伐就会停不下来，因为永远都有新的设备、技术和市场可以让我们充分发挥编程技能。
请把这本书看作你在编程启蒙路上的奠基石。一段美好的旅程是有目的地的，而编程启蒙这段旅程的目的地是“实用”。在读完本书后，我们将拥有编写实用程序的知识和技能，并让世界上的其他人都能用上我们的程序。
但首先得提醒一句，我之所以没有夸口说学习编程很容易，是出于下面两个原因。
如果我说学习编程很简单，但你后却没有学会，你可能会感到很难过(而且还会生我的气)。
如果我说学习编程很简单，而你成功学会了，你可能会认为人人都能学会而轻视编程。
学习编程并不简单，会面临全新的困难和挑战。对于编程而言，细节和顺序是重中之重。需要学习计算机原理以及如何告诉它你想让它做什么。
举例来说，假设你足够幸运，请得起一名私厨。一开始，你需要做不少的说明，比如：“如果室外阳光明媚，我早餐就想要一杯橙汁和葡萄柚，但要是下雨的话，我想喝一碗麦片和一大杯咖啡。”你的私厨偶尔会犯错。他可能会端给你一杯美式咖啡，而不是你想要的拿铁。但随着时间的推移，你会在指令中加入更多的细节，直到这位私厨完全知道该怎么做。
电脑就像一名厨师，不过它甚至不知道如何烹饪。不能说“给我煮杯咖啡”，而是要说“从咖啡袋中取出棕色粉末，然后，加入热水”。你还必须得解释热水是怎么做出来的，并告诫它必须小心使用水壶，以免被烫伤，诸如此类的指令不胜枚举。这是一项烦琐的工作。
事实证明，对程序员而言，成功的关键和其他许多职业一样。要想成为世界知名的小提琴家，必须日复一日地刻意练习。编程也是如此。必须在程序上花大量时间，才能掌握编写代码的技能。不过，好消息是，就像小提琴家热衷于让乐器奏出美妙的音乐一样，让计算机完全按照自己的要求执行操作，也是一种非常有成就感的体验。当你看到其他人也认为你写的程序实用且有趣时，你会感到一种发自内心的喜悦。
本书的结构
我将本书分成三部分。各部分以层层递进的方式帮助你成为一名优秀的程序员。首先带大家探索JavaScript程序的运行环境。接着学习编程的基础知识。后开发一些有用(且有趣)的正式程序。
第Ⅰ部分“JavaScript、HTML与CSS”主要帮助你迈出步。将引导大家探索JavaScript程序的运行环境，并学习如何创建包含JavaScript程序的网页。
第Ⅱ部分“JavaScript编程基础”描述用来创建数据处理程序的JavaScript的特性，帮助大家掌握一些基本的编程技巧，这些技巧同样适用于其他语言，并且这些技巧会启发大家思索程序究竟是用来做什么的。此外还要介绍如何将大型程序分解成较小的元素以及如何创建自定义的数据类型来体现要解决的问题。
第Ⅲ部分“JavaScript高阶知识及应用与游戏开发”将引导大家如何创建美观的应用程序，学习如何开发安全可靠的程序，后动手开发一款游戏。
学习建议
每章都要讲述一些编程方面的知识。我会做一些示范，然后邀请你利用所学的知识来动手做点儿什么。书中将频繁地为大家提供动手实践或进行原创的机会。是否能创造出一些令人赞叹的东西，取决于个人。
当然，可以直接浏览完这本书，但如果放慢脚步，认真跟着书中的内容学习并练习，就会有更多的收获。和骑自行车一样，编程也是要通过实践来学习的。想要掌握编程这项技能，投入时间并积累经验是不可或缺的。但不用担心，本书会为你带来知识和信心，让你勇敢地尝试编程，如果编写的程序没有达到预期效果，本书也会为你答疑解惑。本书提供以下四大特色要素来帮助大家进行编程实践。
动手实践
没错，好的学习方法就是动手实践，因此书中有许多“动手实践”。这些特色段落提供了练习编程的方法。每个“动手实践”都是先对一个示例进行讲解，然后介绍一些大家可以自行尝试的步骤。由此创建出来的程序可以在Windows、macOS或Linux上运行。
代码分析
学习编程时，另一个好的方法就是研究别人写的代码，并找出代码的作用(有时研究的是代码为什么不起作用)。本书提供了150多个示例程序供大家查看。在“代码分析”挑战中，将引导大家运用推理技能来弄清楚程序的行为、修复bug并提出改进建议。
注意事项
有些人可能还不知道程序会报错，不过在开始编写个程序时，会得到这个深刻的教训。为了提前帮你处理这个问题，我添加了这样的特色段落来预测可能会遇到的问题，并提供解决这些问题的方法。举个例子，我在介绍新知识时，有时会花一些时间来考虑有哪些潜在因素会导致出错以及使用新功能时需要特别注意哪些地方。
程序员观点
我用了许多年在学校里面教学生如何编程，也写了很多程序，还向客户卖出过不少程序。这些年的经历给我提供了许多经验教训，我真希望能一开始就知道这些事。“程序员观点”存在的意义就是把这些心得提前告诉大家，好让大家在学习的过程中以专业的视角看待软件开发。
从编程到人，再到哲学，“程序员观点”涉猎的范围很广。我强烈建议大家仔细阅读、消化和吸收这些内容，因为它们以后可能为大家省下大量的时间！
编程环境的准备
为了处理书中的程序，需要用到一台电脑和一些软件。恐怕我不能为你提供电脑，不过在第1章中，你会发现只需要一台电脑和一个浏览器就能轻松入门JavaScript。有了这些，就可以使用Visual Studio Code编辑器来创建JavaScript程序。
如果使用台式机或笔记本电脑　
用Windows操作系统、Mac OS或Linux操作系统都可以用来创建和运行本书中的程序。电脑配置不需要特别好，但至少要满足以下配置。
1 GHz或更快的处理器，好是英特尔i5或更高。
至少4 GB的内存(RAM)，但好是8 GB以上。
256 GB的硬盘空间(JavaScript框架和Visual Studio Code安装需要大约1 GB的硬盘空间)。
对图形显示没什么要求，不过如果用分辨率较高的屏幕，就可以在编写程序时看到更多内容。
如果使用移动设备　
通过访问程序所在的网页，可以在手机或平板电脑上运行JavaScript程序。移动端上也有一些应用程序可以用来创建和运行JavaScript程序，但就个人经验来讲，笔记本电脑和台式计算机更适合用来编程。
如果使用树莓派　
要是想以便宜的方式开始工作，可以使用运行Raspbian操作系统(现在为Raspberry Pi OS，即树莓派Raspberry Pi)。它有一个兼容Chromium的浏览器，可以运行Visual Studio Code。
配套资源
为了教大家如何开始编程，我会在每一章中演示并讲解程序，大家可以用这些代码创建自己的程序。我为一些关键知识点制作了视频演示。书中有不少可供参考的屏幕截图，不过这些截图可能会过时，但演示是会时刻更新的。请在以下网址下载示例代码和视频演示①：MicrosoftPressStore.com/BeginCodeJavaScript/downloads
按照第1章中的指示安装示例程序和代码，你会发现如何用GitHub开发自己的示例程序副本。利用GitHub可以发布支持JavaScript的网页，供世界上的其他用户浏览。只需连接上网并创建一个免费的GitHub账户即可。请在以下网址浏览GitHub网站和所有的示例程序：www.begintocodewithjavascript.com
致谢
感谢Mary泡的茶，感谢Immy的打扰。
勘误表、更新和图书支持
我们已经尽了一切努力来确保本书及其配套内容的准确性。若要查看勘误表及相关的更正，请访问MicrosoftPressStore.com/BeginCodeJavaScript/errata。
如果发现尚未在此列出的错误，请在同一页面提交给我们。
至于其他书籍的支持和信息，请访问http://www.MicrosoftPressStore.com/Support。
请注意，微软软件和硬件的产品支持不由前面的网址提供。如果想获取微软软件或硬件的相关帮助，请访问http://support.microsoft.com。

《轻松学会JavaScript》共3部分12章，采用三段式学练结合的知识架构，从JavaScript编程知识的讲解，到示范教学和引导学生参与动手实践，循序渐进地帮助读者保持学习动机和兴趣，掌握JavaScript编程技能。本书教学案例有简有繁，包括煮蛋计时器、计算器、温度转换器、通讯录以及适用于时装店和冰淇淋连锁店的商业应用。 《轻松学会JavaScript》适合没有写过任何一行代码的零基础读者、对其他入门编程书籍或课程无感的读者以及有其他语言编程经验但想要开始学习 JavaScript的读者。

《轻松学会JavaScript》共3部分12章，采用三段式学练结合的知识架构，从JavaScript编程知识的讲解，到示范教学和引导学生参与动手实践，循序渐进地帮助读者保持学习动机和兴趣，掌握JavaScript编程技能。本书教学案例有简有繁，包括煮蛋计时器、计算器、温度转换器、通讯录以及适用于时装店和冰淇淋连锁店的商业应用。 《轻松学会JavaScript》适合没有写过任何一行代码的零基础读者、对其他入门编程书籍或课程无感的读者以及有其他语言编程经验但想要开始学习 JavaScript的读者。

罗伯·迈尔斯（Rob Miles）
就职于英国赫尔大学，有四十年的编程教学经验，从2003年到现在，连续18年获得微软有价值专家（MVP）的称号。面对各种水平的程序员，他喜欢以独创的方式为他们上课。游戏、程序和诗歌，他都能写，同时也为许多商业化软件项目提供咨询服务。

周子衿
留学期间多次入选“优等生名录”，主修商业分析，曾经运用数据模型和R语言帮助某企业在半年内实现了十倍的业务增长。奉行深思笃行的做事原则，有志于通过技术途径和感性思维来探寻商业价值与人文精神的平衡。代表译作有《游戏项目管理与敏捷开发》《人工智能与用户体验》《轻松学Python》。

陈子鸥
留学期间连续两年入选“优等生名录”，经济学荣誉学士学位，主修计量经济学，可熟练运用gretl和R语言。坚持一步一个脚印和吃苦耐劳的做人原则，同时对新鲜事物有强烈的好奇心，勇于挑战和创新。座右铭：平凡的脚步也可以走出伟大的行程。

详 细 目 录
第Ⅰ部分　JavaScript、HTML与CSS
第1章　JavaScript运行环境 2
什么是JavaScript 4
JavaScript的起源 5
JavaScript和网页浏览器 6
JavaScript初体验 6
工具 11
获取Git 12
获取Visual Studio Code 13
获取示例文件 14
用Visual Studio Code来处理文件 17
技术总结与思考练习 19
第2章　超文本标记语言(HTML) 22
HTML和万维网 24
获取网页 24
什么是HTML 25
显示符号 27
以段落形式编排文本 28
创建标题 29
使用预格式化文本 29
为HTML文档添加注释 32
在网页中添加图像 32
HTML文档 34
链接HTML文档 34
创建交互式网页 35
使用按钮 35
读取用户的输入 36
HTML和JavaScript 38
显示文本输出 40
煮蛋定时器 43
为煮蛋定时器添加声音 45
控制音频播放 46
图像显示程序 47
技术总结与思考练习 48
第3章　层叠样式表(CSS) 52
把握风格 54
用色 54
使用字体 57
文本对齐 60
开发一个走动的时钟 61
走动的时钟 62
文本周围的空距 65
样式表 67
创建样式类 69
使用<div>和<span>对文档部分进行格式化 71
层叠样式表 72
使用选择器来突出显示颜色 73
技术总结与思考练习 74
第Ⅱ部分　JavaScript编程基础
第4章　数据处理 80
计算机用于处理数据 82
用于处理数据的程序 83
JavaScript用于处理数据 84
表达式用于处理数据 85
数据和信息 88
程序中的变量 89
JavaScript标识符 92
执行计算 94
整数和实数 95
实数和浮点数 96
创建随机骰子 98
处理文本 100
JavaScript字符串定界符 101
字符串中的转义序列 101
处理字符串和数字 101
将字符串转换为数字 103
开发应用程序 104
开发加法计算器 104
计算比萨订单 107
温度转换器 110
添加注释 110
全局变量和局部变量 112
全局变量 113
技术总结与思考练习 118
第5章　程序中的决策机制 122
布尔思维 124
JavaScript中的布尔值 124
布尔表达式 126
逻辑运算符 130
if结构 133
添加else语句 134
利用决策语句来开发应用程序 136
构建用户界面 137
添加代码 140
使用switch结构 142
技术总结与思考练习 146
第6章　程序中的重复操作 150
应用程序的开发 152
为HTML元素添加数据属性 157
使用无序列表作为容器 161
JavaScript的for循环 163
用for-of来处理集合 167
通过代码来生成网页 168
删除文档中的元素 172
技术总结与思考练习 173
第7章　函数 176
函数的构成 178
为函数提供信息 182
实参和形参 185
一个函数有多个形参 186
将引用作为函数的实参 187
实参的数组 189
从函数调用中返回值 190
为应用程序添加错误处理 194
JavaScript函数中的局部变量 199
技术总结与思考练习 202
第8章　数据的存储 206
数据的收集 208
冰淇淋店的销售额 209
创建数组 212
处理数组中的数据 214
用户界面 217
作为查询表的数组 228
创建固定宽度的布局 230
技术总结与思考练习 232
第9章　对象 236
开发一个简易版通讯录 238
原型HTML页面 239
原型样式表 240
原型JavaScript 241
存储联系人的详细信息 243
查找多个联系人 244
显示多个联系人 245
保存单个联系人 246
查找单个联系人 248
使用对象来存储联系人的详细信息 248
在简易版通讯录中使用对象 251
在JavaScript本地存储中存储数据 252
用JSON为对象数据编码 254
使用属性访问器 258
使用数据模式 261
根据模式来生成HTML 262
根据模式来生成数据对象 265
用户界面改进 266
在简易版通讯录中添加“超级搜索”功能 267
技术总结与思考练习 272
第Ⅲ部分　JavaScript高阶知识及应用与游戏开发
第10章　JavaScript高阶技巧 278
用异常来管理错误 280
捕获异常 282
类的设计 289
时装店应用 289
面向对象设计 294
在类层次结构中存储数据 299
通过添加方法来为对象指定行为 300
子类中的overriding方法 302
静态类成员 304
数据存储 306
生成用户界面 308
探究时装店应用 313
技术总结与思考练习 314
第11章　开发商业版应用 316
数据分析 318
时装店的库存列表 318
时装店应用的数据分析 320
数组的使用 321
读取天气信息 328
从服务器获取数据 328
Node.js 334
用Node.js创建网络服务器 336
Node包管理器 346
部署Node.js服务器 346
技术总结与思考练习 346
第12章　开发有人工智能元素的游戏 352
使用HTML的画布元素canvas 354
画布坐标 357
电脑美术 357
在画布上绘制图片 362
将图片制作成动画 369
控制游戏的玩法 371
窗口事件 371
用键盘控制物体位置 372
keydown事件和keyup事件的使用 374
创建游戏对象 377
游戏精灵 377
游戏对象 379
开始游戏 381
添加奶酪精灵 383
添加饼干精灵 386
添加大量饼干 388
抓取饼干 389
添加声音 391
添加分数 392
添加西红柿杀手 394
创建定时出现的精灵 397
完成游戏 398
添加开始界面 398
开始运行游戏 400
技术总结与思考练习 403

《轻松学会JavaScript》共3部分12章，采用三段式学练结合的知识架构，从JavaScript编程知识的讲解，到示范教学和引导学生参与动手实践，循序渐进地帮助读者保持学习动机和兴趣，掌握JavaScript编程技能。本书教学案例有简有繁，包括煮蛋计时器、计算器、温度转换器、通讯录以及适用于时装店和冰淇淋连锁店的商业应用。 《轻松学会JavaScript》适合没有写过任何一行代码的零基础读者、对其他入门编程书籍或课程无感的读者以及有其他语言编程经验但想要开始学习 JavaScript的读者。

罗伯·迈尔斯（Rob Miles）
就职于英国赫尔大学，有四十年的编程教学经验，从2003年到现在，连续18年获得微软有价值专家（MVP）的称号。面对各种水平的程序员，他喜欢以独创的方式为他们上课。游戏、程序和诗歌，他都能写，同时也为许多商业化软件项目提供咨询服务。

周子衿
留学期间多次入选“优等生名录”，主修商业分析，曾经运用数据模型和R语言帮助某企业在半年内实现了十倍的业务增长。奉行深思笃行的做事原则，有志于通过技术途径和感性思维来探寻商业价值与人文精神的平衡。代表译作有《游戏项目管理与敏捷开发》《人工智能与用户体验》《轻松学Python》。

陈子鸥
留学期间连续两年入选“优等生名录”，经济学荣誉学士学位，主修计量经济学，可熟练运用gretl和R语言。坚持一步一个脚印和吃苦耐劳的做人原则，同时对新鲜事物有强烈的好奇心，勇于挑战和创新。座右铭：平凡的脚步也可以走出伟大的行程。