本節書摘來自異步社群《趣學javascript——教孩子學程式設計》一書中的第1章,第1.4節,作者: 【美】nick morgan(摩根)譯者: 李強,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
讓我們建立一個看上去有點傻的javascript程式,它輸出如下所示的一系列貓臉兒:

和加法程式不同,這個javascript程式需要幾行代碼。要将該程式輸入到控制台,你必須在每一行代碼的末尾按shift鍵和enter鍵,以便添加新的代碼行(如果隻是按enter鍵的話,chrome将會試圖執行你所編寫的内容,并且程式不會像期望的那樣工作。我警告過你,計算機是很傻的。)
在浏覽器控制台中輸入如下内容:
最後,按enter鍵而不是shift鍵和enter鍵。當你做完這些,應該會看到如下所示的輸出:
如果有任何的輸入錯誤,輸出會截然不同,或者會得到一條錯誤消息。這就是我說“計算機很傻”的意思,即便是簡短的一段代碼,也必須完全無誤,計算機才能夠了解你要讓它做什麼。
現在,我還不想介紹代碼是如何工作的(我們将在第8章再回到這個程
序),但是,讓我們看看這個程式的某些功能,以及通常的javascript程式是什麼樣的。
1.4.1 文法
我們的程式包含了很多的符号,包括括号、分号、花括号、加号,以及一些乍看上去有些神秘的單詞(如var和console.log)。還有各種javascript文法,即javascript關于如何将符号和單詞組合起來以建立可工作的程式的
規則。
當你想要學習一門新的程式設計語言的時候,其中最難的部分是習慣如何編寫針對計算機的各種不同指令的規則。當你剛開始的時候,需要包含一個圓括号的時候很容易會忘記,又或者當你需要包含某些值的時候搞亂了順序。但是,通過練習,你會掌握這些規則。
在本書中,我們将按部就班地學習,一點一點地介紹新的文法,以便你能夠建立功能逐漸強大起來的程式。
1.4.2 注釋
畫貓臉兒程式的第一行如下:
這是所謂的注釋句。程式員使用注釋來使得其他的程式員更容易閱讀和了解自己的代碼。計算機會完全忽略掉注釋。javascript中的注釋以兩個斜杠開頭(//)。斜杠後面的所有内容(同一行中)都會被javascript解釋器忽略,是以,注釋對于程式如何執行沒有任何影響,它們隻是提供對程式的說明。
在本書的代碼中,你将會看到,注釋說明了在代碼中發生了什麼。當你編寫自己的程式的時候,請添加自己的注釋。這樣,你在随後見到自己的代碼的時候,注釋會提醒你代碼是如何工作的,以及在每一個步驟中發生了什麼。
在我們的程式的最後一行,還有另一個代碼注釋。記住,//之後的任何内容,計算機都不會運作。
代碼注釋可以單獨成行,或者放在代碼的後面。如果你在前面放上//,如下所示:
那麼,什麼也不會發生!chrome會将整行都當作是一個注釋,即便其内容是javascript代碼。
一旦你開始閱讀各種廣泛的javascript代碼,應該會看到如下所示的注釋:
這是一種不同風格的注釋,它通常用于一行以上的注釋。但是,它做的事情是一樣的:/和/之間的任何内容都是注釋,計算機不會運作它們。