JavaScript 語言正越來越受歡迎，可以說是是互聯(lián)網(wǎng)上最突出的語言之一。你可以跨平臺和瀏覽器使用它，其并不排斥后端語言?，F(xiàn)在有許多不同的開發(fā)庫——有些非常棒—— 這些庫對開發(fā)很有幫助，比如說加快了開發(fā)的時間等等。問題是，有時候這些庫與原始語言之間很是有一些距離，這使得剛入門的開發(fā)者缺乏一種對語言的基礎了解。

本文通過全面列舉基礎的JavaScript概念這一方式來闡述該語言的基本原理，以此來為初學者提供一個對語言的基本了解，隨處可見的代碼例子則是用來說明所有的這些概念是如何在語言中體現(xiàn)出來的。

了解JavaScript語言

JavaScript語言是一種免費的客戶端腳本語言，其能夠讓你往超文本標記語言(Hypertext Markup Language，HTML)頁面中加入交互行為?？蛻舳?client-side)意味著JavaScript運行在瀏覽器中，而不是用在服務器端。在網(wǎng)頁被服務器送達并被瀏覽器加載后，客戶端腳本就允許用戶與網(wǎng)頁進行交互。例如，Google Maps就是使用JavaScript語言來支持用戶與地圖之間的交互的，交互的方式有移動地圖、放大和縮小等。沒有JavaScript語言的話，網(wǎng)頁需要為每次和每個用戶的交互行為進行刷新，當然，除非頁面用到了諸如Adobe Flash或是Microsoft® Silverlight一類的插件。JavaScript語言不需要插件。

因為JavaScript語言為加載后的網(wǎng)頁提供用戶交互行為，因此開發(fā)者通常會用它來實現(xiàn)下面的一些功能：

1. 動態(tài)添加、編輯和刪除HTML元素及它們的值。

2. 在提交之前校驗表單。

3. 在用戶的計算機上創(chuàng)建cookies以用于在將來的訪問中保存和檢索數(shù)據(jù)。

在開始之前，只要知道語言的幾個基本原則就行了：

1. 要在HTML文件中把JavaScript代碼包含進來的話，你必須要把代碼放在腳本標簽(script)的內(nèi)部，并加入text/javascript這一類型(type)屬性(清單1)。

2. 所有的JavaScript語句以分號結束。

3. 語言是大小寫敏感的。

4. 所有的變量名都必須以字母或是下劃線作為開始。

5. 你可以使用注釋來說明腳本中的某些行，注釋的編寫方式是，以一個雙斜線(//)為開始，后面跟著注釋。

6. 你還可以使用注釋來把腳本注釋掉。要注釋腳本的多行的話，一種好的做法是使用/* 你的腳本在這里 */。任何位于星號之內(nèi)的腳本在執(zhí)行過程中都不會運行。

清單1.需要使用script標簽和type屬性來把JavaScript代碼包含到HTML文件中來

<script type="text/javascript"></script>
要隱藏瀏覽器不支持的JavaScript的代碼，或是用戶想把代碼關掉的話，只要在JavaScrip語句的前后使用注釋標簽就可以了(清單2)。

清單2. 使用注釋來隱藏瀏覽器不支持的JavaScript代碼

最常用的把JavaScript代碼包含到網(wǎng)頁中的方式是，使用腳本(script)標簽中的src屬性來把代碼從一個外部的JavaScript文件中加載進來(清單3)。

清單3. 在HTML文件中包含外部的JavaScript文件
<script type="text/javascript" src="path/to/javascript.js" kesrc="path/to/javascript.js"></script>
外部JavaScript文件是最常見的包含JavaScript代碼的方式，這是有一些很實在的原因的：

1. 如果你的HTML頁面中有著更少的代碼的話，搜索引擎就能夠以更快的速度來抓取和索引你的網(wǎng)站。

2. 保持JavaScript代碼和HTML的分離，這樣代碼顯得更清晰，且最終更易于管理。

3. 因為可以在HTML代碼中包含進多個JavaScript文件，因此你可以把JavaScript文件分開放在web服務器上不同的文件目錄結構中，這類似于圖像的存放方式，這是一種更容易管理代碼的做法。清晰、有條理的代碼始終是讓網(wǎng)站管理變得容易起來的關鍵。

變量

變量存儲數(shù)據(jù)，這些數(shù)據(jù)稍后要被檢索的或是要使用新的數(shù)據(jù)來更新。存儲在變量中的數(shù)據(jù)可以是一個值或表達式，JavaScript語言有三種類型的表達式，表1對此做了描述。

表1. JavaScript表達式

表達式描述

算術　計算的結果為一個數(shù)值

字符串計算的結果為一個字符串

邏輯　計算的結果為一個布爾值(true或者false)

變量有兩種類型：局部的和全局的。局部變量使用var這一關鍵字來聲明，聲明全局變量則不需要使用var關鍵字。使用了var關鍵字的變量被看成是 局部的，因為除了你聲明它的地方所處的范圍之外，它不能在其他任何地方被訪問。例如，如果你在一個函數(shù)(在將近文章的結尾部分我會談論到)的內(nèi)部聲明了一個局部變量的話，該變量就不能在該函數(shù)之外被訪問，這就使得它是這一函數(shù)局部的。如果你沒有使用var關鍵字聲明這同一變量的話，它在整個腳本中就都是可被訪問到的，而不僅限定于只能在那個函數(shù)中被訪問。

清單4給出了一個局部變量的例子，其被命名為num，并被賦值為10。

清單4. 聲明一個局部變量

var num = 10;
要在腳本中的另一個位置訪問num變量的值的話，你只需要通過名稱來引用該變量就可以了，如清單5所示。

清單5. 訪問變量的值

這一語句的結果是“The value of num is: 10”。這一document.write函數(shù)把數(shù)據(jù)寫到網(wǎng)頁中，在本文余下的部分中你都是使用這一函數(shù)來把例子寫到網(wǎng)頁中。

要把算術表達式存儲到變量中的話，你只要把變量指配給計算的值就可以了，如清單6所示。計算的結果而非算式本身被存儲在變量中。因此，我們又一次得到這一結果“The value of num is: 10”。

清單6. 存儲算術表達式

要改變變量的值的話，通過你為變量所分配的名稱來引用變量，并使用等號來為其賦一個新的值(清單7)。這次的不同之處在于你不需要使用var關鍵字，因為變量已經(jīng)聲明過了。

清單7. 改變現(xiàn)有變量的值

這一腳本的結果先是一句“The value of num is: 10”，后面跟著“The new value of num is: 15”。除了講解變量之外，這一節(jié)內(nèi)容還引入了下一個主題，也就是運算符。你用來把值賦給變量的等號(=)就是一個賦值運算符，以及你用在5+5中的加號(+)是一個算術運算符。下一節(jié)內(nèi)容談論JavaScript語言中的所有變量運算符及其用法。

運算符

在執(zhí)行JavaScript語言中的任何運算時，你都需要運算符。運算包括了加法、減法、比較等。JavaScript語言中有四種運算符。

1. 算術

2. 賦值

3. 比較

4. 邏輯

算術運算符

算術運算符執(zhí)行基本的數(shù)學運算，比如說加減乘除等。表2列出并描述了JavaScript語言中的所有可用的算術運算。

表2. 算術運算符

運算符描述

+ 加法

- 減法

* 乘法

/ 除法

% 取模(找出余數(shù))

++　 遞增

--遞減
賦值運算符

算術運算符執(zhí)行基本的數(shù)學運算，而賦值運算符則是把值賦給JavaScript變量。當你在前面一節(jié)中把值賦給變量時，你已經(jīng)見到了最常用的賦值運算符。表3列出并描述了JavaScript語言中所有可用的賦值運算符。

表3. 賦值運算符

運算符描述

=等于

+=把加法值(變量加上值的結果值)賦給變量

-=把減法值(變量減去值的結果值)賦給變量

*=把乘法值(變量乘上值的結果值)賦給變量

/=把除法值(變量除以值的結果值)賦給變量

%=把取模值(變量對值取模的結果)賦給變量

你已經(jīng)看到了如何使用等號來把值或是表達式賦給變量，但現(xiàn)在我會給展示如何使用一個令人稍加困惑的賦值運算符。把一個加法值賦給一個變量可能是一個很奇怪的概念，但實際上很簡單(清單8)。

清單8. 把一個加法值賦給一個變量

這一腳本的結果是“The value of num is: 10”后面跟著“"The new value of num is: 15”。你可以看到，這一腳本中的運算符把加法值賦給了變量。這也可以當作是清單9中所編寫的腳本的一種簡短寫法。

清單9. 把加法值賦給變量的一種更長的寫法。

比較運算符

比較運算符確定變量或是它們的值之間的關系。你在條件語句中使用比較運算符，通過比較變量或是它們的值來計算出語句為true還是為false，以此創(chuàng)建邏輯。表4列出并描述了JavaScrpit語言中所有可用的比較運算符。

表4. 比較運算符

運算符描述

==等于

===　全等，用于值和對象類型

!=不等于

>大于

<小于

>=　大于或等于

<=　小于或等于

在編寫任何類型的邏輯時，變量和值的比較都是最基本的。清單10中的例子展示了如何使用等于這一比較運算符(==)來確定10是否等于1。

最新評論