青少年編程啟蒙書漫畫書一樣的

JavaScript編程教材！

●時(shí)隔四年的自信之作

終于能將這本書奉獻(xiàn)給大家了！

TENTO出版第一本書—《12歲開始：初學(xué)HTML5和CSS3》是在2013年，那本書的最后略微記載了一些JavaScript的寫法。我們?cè)�本以為下一本JavaScript入門書很快就能出版發(fā)行。

沒想到等到這本書真正出版，時(shí)間已經(jīng)過去了四年。當(dāng)年看《12歲開始：初學(xué)HTML5和CSS3》學(xué)習(xí)HTML的人如果是12歲的小學(xué)生，如今都已經(jīng)變成高中生了呢。在這些人里會(huì)不會(huì)有人伸長了脖子在等這本書的出版呢？啥！脖子越伸越長，連天花板都捅破了？是啊，還真是過去了太長的時(shí)間啦……

不過在這段時(shí)間里，TENTO的實(shí)力也大大加強(qiáng)了哦！2011年，作為日本第一個(gè)面向兒童的編程學(xué)校， TENTO從文化宮的一個(gè)角落起步，如今已走出首都圈，在日本各地普及開來。通過舉辦活動(dòng)聚集了數(shù)千人，通過電視節(jié)目吸引更多的人前來加入。雖然這本書遲遲沒有出版，但TENTO出版的關(guān)于Scratch和Minecraft等書籍在書店里擺得到處都是呢！

最令人欣慰的是，和我們一起學(xué)習(xí)編程的孩子真是增加了不少啊！正是通過他們，我才能觀察到各種各樣的編程語言的學(xué)習(xí)方法—JavaScript也不例外。在這四年里，跟孩子們一起學(xué)習(xí)JavaScript，我才能夠更仔細(xì)地研究學(xué)習(xí)方法，讓它能更加容易理解。為了能讓孩子們既高效、又快樂地學(xué)習(xí)JavaScript，這本書真是下足了功夫，包含了不少特色呢。

●特色一：只講JavaScript！

JavaScript一般都是在網(wǎng)頁中使用。在TENTO的實(shí)際學(xué)習(xí)中，也是首先制作一個(gè)網(wǎng)頁，然后才開始編寫JavaScript。在這種情況下，由于頁面的大部分都是用HTML寫成的，只有一部分才會(huì)用到JavaScript。觀察初學(xué)編程的孩子們的反應(yīng)發(fā)現(xiàn)，這種學(xué)習(xí)方法不是那么合適。JavaScript混雜在HTML里使得程序難于閱讀，初學(xué)者都不知道從哪里看起。這可就與教學(xué)的初衷背道而馳了。

因此，本書通過盡量拋棄HTML部分而只使用JavaScript的方法來推進(jìn)課程，使得讀者可以把注意力集中在作為各章要點(diǎn)的JavaScript程序上。從而更易于理解各章節(jié)中所涉及的JavaScript的要點(diǎn)和重點(diǎn)，諸如“循環(huán)邏輯”“判斷邏輯”等。

●特色二：內(nèi)容最少！

學(xué)習(xí)編程就像學(xué)習(xí)騎自行車時(shí)要用到輔助輪、要有父母的陪伴守護(hù)一樣。但是當(dāng)你有了一定的自信后，就可以拋開輔助輪了。拋開輔助輪并不代表你已經(jīng)學(xué)會(huì)了騎自行車，你還需要學(xué)會(huì)剎車、下坡、勻速轉(zhuǎn)彎等方法。這些都沒人能繼續(xù)教給你，而是要靠自己摸索，自己體會(huì)、練習(xí)了。

這本書就像輔助輪一樣，為讀者示范JavaScript的最初運(yùn)行軌跡，各位沿著這條道路前行，就會(huì)逐漸掌握運(yùn)用JavaScript的方法。然而，真正的學(xué)習(xí)是從讀完這本書之后才開始的。

學(xué)習(xí)完這本書，還有許多必須掌握的知識(shí)。比如HTML的更詳盡的操作方法、面向?qū)ο蟮氖钩绦蚋�容易理解的方法、程序庫的使用方法……如果不知道這些，是沒有辦法做出真正的程序的。這就像學(xué)騎自行車一樣，要靠自己不斷地學(xué)習(xí)。

因此，本書的內(nèi)容僅僅是幫助大家起步。進(jìn)階的知識(shí)還需要大家通過上網(wǎng)查詢，編寫自己感興趣的程序，在不斷學(xué)習(xí)的過程中一點(diǎn)一點(diǎn)來掌握。

●特色三：范例很短！

究竟什么時(shí)候才會(huì)有“我真的會(huì)編程了！”這種體會(huì)呢？大概就是當(dāng)你試著運(yùn)行自己寫出的程序，知道程序的哪個(gè)部分對(duì)應(yīng)著哪個(gè)動(dòng)作的時(shí)候。例如，當(dāng)試著改變了程序中的一個(gè)數(shù)字，人物的速度變得更快了，說明這個(gè)數(shù)字代表著人物的速度——正是這種小小的知識(shí)點(diǎn)積累出“我明白了！”的成就感。

程序越短，操作就越容易理解。因此，為了易于理解程序的結(jié)構(gòu)，本書盡量使用簡短易懂的范例。

使用短范例的另一個(gè)目的是讓讀者能夠?qū)Ψ独�進(jìn)行自己獨(dú)特的修改。修改了自己不喜歡的地方，一開始程序很可能無法運(yùn)轉(zhuǎn)，但是通過自己獨(dú)立地思考，最終讓程序執(zhí)行起來，你所得到的樂趣一定會(huì)比直接運(yùn)行范例更加深刻。

本書提供的范例盡可能簡單，正是為了讓讀者能夠自由發(fā)揮。覺得范例非常無聊的你，趕緊想想怎樣讓實(shí)際編寫出來的程序變得有趣起來吧！

●特色四：開心學(xué)習(xí)！

在本書中不時(shí)地冒出小狗藤淘君（譯者注：“藤淘”的發(fā)音在日語中和TENTO是一樣的）和小貓包子醬。藤淘君是一個(gè)有點(diǎn)冒失、淘氣的“男孩子”，包子醬是一個(gè)可靠、知識(shí)淵博的“女孩子”。各章的開頭都是藤淘君不斷地在犯傻的一組四格漫畫，有人會(huì)不會(huì)是先看到這些漫畫才對(duì)本書感興趣的呢？

這樣也挺好啊！能邊看漫畫邊感受到編程的樂趣，也是在編程學(xué)習(xí)中邁出了很好的第一步啊。

學(xué)習(xí)編程的最大訣竅就是在學(xué)習(xí)過程中找到編程的樂趣，由于感興趣而不斷地推進(jìn)自己創(chuàng)新、進(jìn)步才是最好的學(xué)習(xí)方法。死記硬背的方式，是不太適合編程學(xué)習(xí)的。就像藤淘君，你可能會(huì)認(rèn)為他是一個(gè)調(diào)皮搗蛋、只會(huì)給人添亂的孩子；但從另一個(gè)角度來看，他也是一個(gè)典型的無論做什么事都能樂在其中并且主動(dòng)學(xué)習(xí)的孩子。事實(shí)上，TENTO認(rèn)為這樣的孩子更適合學(xué)習(xí)編程呢。

來吧！

讓我們開啟愉快的編程之旅吧！

第1章 JavaScript是什么
編程與JavaScript 10
1.1 編程是什么 12
1.2 HTML、CSS與JavaScript 15
1.3 字符編碼 22
1.4 上傳到服務(wù)器吧 25
第2章 試著開始編程吧
“條件分支”是什么 28
2.1 試著編寫JavaScript 30
2.2 使用變量 34
2.3 如果…… 39
2.4 制作小測驗(yàn)題吧 46
2.5 開始計(jì)算嘍 55
第3章 一遍遍地循環(huán)
使用for或while來循環(huán) 64
3.1 “循環(huán)”是什么 66
3.2 奇數(shù)加算、偶數(shù)加算 75
3.3 試著使用++ 79
3.4 使用while來循環(huán) 86
3.5 終止循環(huán)、繼續(xù)循環(huán) 94
第4章 用數(shù)組來排列
為了操控更多的變量 102
4.1 分離文件 104
4.2 制作小測驗(yàn)程序 109
4.3 再增加些題目 115
4.4 統(tǒng)計(jì)成績 120
4.5 試著使用“數(shù)組” 122
4.6 計(jì)算平均分?jǐn)?shù) 127
第5章 函數(shù)是什么
編程的函數(shù)及使用方法 134
5.1 使用“函數(shù)” 136
5.2 有參數(shù)的函數(shù) 140
5.3 參數(shù)和返回值 149
5.4 讓程序簡練 155
5.5 讓程序容易理解 164
第6章 全局變量和局部變量
變量也有作用域 172
6.1 變量 174
6.2 使用全局變量 177
6.3 使用局部變量 183
6.4 查找錯(cuò)誤 188
第7章 用JavaScript做很多事
改變網(wǎng)頁 192
7.1 改變圖像的大小 194
7.2 簡化程序 202
7.3 改換圖像 207
第8章 制作游戲
使用事件和定時(shí)器制作游戲 216
8.1 時(shí)而出現(xiàn)，時(shí)而消失 218
8.2 使用定時(shí)器 224
8.3 變成隨機(jī)顯示 231
8.4 打鼴鼠 237
8.5 顯示游戲得分 245
8.6 游戲結(jié)束 253
8.7 顯示最高分?jǐn)?shù) 264
8.8 增加鼴鼠數(shù)量 274

1. 零基礎(chǔ)玩轉(zhuǎn)國產(chǎn)大模型DeepSeek [徐永冰 張帥 編著]
2. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統(tǒng)項(xiàng)目管理師考試32小時(shí)通關(guān)（適用第4版考綱） [薛大龍]
4. 信息系統(tǒng)管理工程師考試32小時(shí)通關(guān)（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測實(shí)訓(xùn) [洪曉江 達(dá)則曉麗 錢波]
6. 科技信息檢索與論文寫作實(shí)用教程 [李振華]
7. 傳統(tǒng)山水畫論解讀與實(shí)踐 [陳鈉 著]
8. Python數(shù)據(jù)庫編程 [主編 殷樹友 邢 翀]
9. 計(jì)算機(jī)基礎(chǔ)實(shí)訓(xùn)指導(dǎo) [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國勇 晏廷榮]
11. Vienna整流器技術(shù) [桂存兵 著]
12. 變頻器與伺服應(yīng)用 [陳剛 葉云飛]
13. 物聯(lián)網(wǎng)工程設(shè)計(jì)與實(shí)踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運(yùn)營與管理 [鐘肖英 陳瀟]
16. Java面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 姜春磊 陳虹潔]
17. 信息技術(shù)基礎(chǔ)（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應(yīng)用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學(xué)生職業(yè)發(fā)展與就業(yè)指導(dǎo) [主編　劉志堅(jiān)]
20. 高級(jí)辦公應(yīng)用項(xiàng)目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發(fā)項(xiàng)目實(shí)戰(zhàn)（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業(yè)檔案工作實(shí)戰(zhàn)寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計(jì)算機(jī)網(wǎng)絡(luò)原理及應(yīng)用 [主編 唐繼勇 葉坤 孫夢娜]
24. 大學(xué)生創(chuàng)業(yè)基礎(chǔ) [主編 王麗莉 王 楊]
25. 船舶輔機(jī) [主編 王連海 于洋 姜淑翠]
26. 大學(xué)生就業(yè)指導(dǎo) [主編 王麗莉 董宴廷]
27. 系統(tǒng)架構(gòu)設(shè)計(jì)師章節(jié)習(xí)題與考點(diǎn)特訓(xùn) [主編 薛大龍 鄒月平]
28. 高校學(xué)生工作探索與實(shí)踐 [郭亮 著]
29. 大學(xué)生情商管理 [方雄 著]
30. 2023年長沙市會(huì)展業(yè)發(fā)展報(bào)告 [主編 周棟良]