1.2　程序的結(jié)構(gòu)

1.2.1　輸入-處理-輸出

計(jì)算機(jī)以非常簡(jiǎn)單的輸入-處理-輸出模型工作，而且每個(gè)計(jì)算機(jī)程序也使用相同的模型。計(jì)算機(jī)需要輸入，然后對(duì)輸入進(jìn)行處理。之后計(jì)算機(jī)不一定需要更進(jìn)一步工作，然而如果不能看到處理的結(jié)果，用戶會(huì)感到迷惑，因此計(jì)算機(jī)必須產(chǎn)生某種輸出。

1.2.1.1　輸入

輸入有許多形式，可以使用鼠標(biāo)或鍵盤(pán)輸入信息，也可以通過(guò)調(diào)制解調(diào)器、WiFi連接或通過(guò)USB端口連接的各種外圍設(shè)備（如照相機(jī)、智能電話或計(jì)算器）將信息輸入到計(jì)算機(jī)。程序可以從程序的其他部分、文件或其他網(wǎng)頁(yè)接收輸入。

通常，程序通過(guò)提示接收用戶的輸入。在JavaScript中，一個(gè)稱為提示對(duì)話框的彈出對(duì)話框顯示用戶要輸入的信息（見(jiàn)例1.1）。然后，無(wú)論用戶輸入什么內(nèi)容都存儲(chǔ)在變量中。變量將在第2章詳細(xì)介紹，這里只需知道變量保存用戶在提示對(duì)話框中輸入的值即可。

例1.1　使用輸入提示　下列JavaScript代碼示范如何創(chuàng)建一個(gè)提示：

在這個(gè)例子中，第5行是一條JavaScript語(yǔ)句。變量name在左邊聲明。右邊創(chuàng)建一個(gè)含有文本“Please enter your name”的提示對(duì)話框，其中的逗號(hào)“，”用于分隔將在提示對(duì)話框顯示的值和程序員希望顯示的默認(rèn)值。這里，我們希望用戶鍵入的文本區(qū)為空白，因此把這個(gè)值設(shè)定為一個(gè)空格（“　”）。無(wú)論用戶鍵入什么值都將成為變量name的值。注意在提示對(duì)話框右括號(hào)后面有一個(gè)分號(hào)，與大多數(shù)程序設(shè)計(jì)語(yǔ)言的語(yǔ)句一樣，所有JavaScript語(yǔ)句必須以一個(gè)分號(hào)結(jié)束。

這個(gè)程序的初始輸出將顯示一個(gè)提示對(duì)話框，其中含有鍵入的名字，如Fiona：

名字Fiona將存儲(chǔ)在一個(gè)名為name的變量中，可以在以后的處理或輸入程序中使用它。

取決于使用的瀏覽器和版本，提示對(duì)話框的外觀可能略有不同，但是提示對(duì)話框的功能是相同的。

通過(guò)提示對(duì)話框獲取用戶輸入是很常用的，不過(guò)也可以通過(guò)其他方法將數(shù)據(jù)輸入程序。在一些程序中，用戶通過(guò)單擊或移動(dòng)鼠標(biāo)輸入數(shù)據(jù)。輸入的另一種常用形式不涉及用戶交互，也就是要傳遞給程序的數(shù)據(jù)可能來(lái)自數(shù)據(jù)文件、其他網(wǎng)頁(yè)或程序的其他部分。

1.2.1.2　處理

在例1.1中，提示讓用戶輸入一個(gè)人的名字。之后做什么呢？程序必須對(duì)獲取的信息做些事情，這就是處理階段。程序可以通過(guò)程序員編寫(xiě)的代碼處理接收的輸入。對(duì)于接收的數(shù)據(jù)，程序可能對(duì)數(shù)據(jù)執(zhí)行數(shù)學(xué)操作，或者與其他信息一起生成新的信息，或者計(jì)算機(jī)能做的任何其他事情。例1.2展示一個(gè)程序如何從提示對(duì)話框獲取輸入的人名，然后與其他文本連接生成一條問(wèn)候語(yǔ)。

例1.2　處理輸入　下列JavaScript代碼示范如何從提示框錄入的人名生成一條問(wèn)候語(yǔ)：

此時(shí)，屏幕不顯示新的內(nèi)容。然而，第6行定義了一個(gè)新變量greeting。如果用戶在提示時(shí)輸入Fiona，那么greeting將保存以下的值：

而如果用戶在提示時(shí)輸入Horatio，那么greeting則保存以下的值：

1.2.1.3　輸出

通常，程序只是在內(nèi)部處理。然而，用戶最終想要見(jiàn)到一些結(jié)果。程序輸出是指程序?qū)?shù)據(jù)發(fā)送到顯示器、打印機(jī)或其他目的地，如文件、電子郵件鏈接或另一個(gè)網(wǎng)站。輸出通常包含程序的處理結(jié)果。

在下面的簡(jiǎn)短例子中，輸出是屏幕顯示生成的問(wèn)候語(yǔ)，例1.3示范了這種方法。

例1.3　產(chǎn)生輸出　下列JavaScript代碼示范如何顯示通過(guò)處理從提示中錄入的人名而生成的問(wèn)候語(yǔ)：

第7行指令讀取變量greeting的值，并且在用戶的屏幕上顯示。如果用戶在提示時(shí)鍵入Fiona，屏幕的顯示效果如下圖所示。

在Firefox上的屏幕顯示效果