JavaScript入門教程(2) JS基礎(chǔ)知識
在什么地方插入 JavaScript
JavaScript 可以出現(xiàn)在 HTML 的任意地方。使用標(biāo)記<script>…</script>，你可以在 HTML 文檔的任意地方插入 JavaScript，甚至在<HTML>之前插入也不成問題。不過如果要在聲明框架的網(wǎng)頁（框架網(wǎng)頁）中插入，就一定要在<frameset>之前插入，否則不會(huì)運(yùn)行。
基本格式
<script>
<!--
...
(JavaScript代碼)
...
//-->
</script>
第二行和第四行的作用，是讓不懂<script>標(biāo)記的瀏覽器忽略 JavaScript 代碼。一般可以省略，因?yàn)楝F(xiàn)在想找不懂 Script 的瀏覽器，恐怕就連博物館里也沒有了。第四行前邊的雙反斜杠“//”是 JavaScript 里的注釋標(biāo)號，以后將學(xué)到。
另外一種插入 JavaScript 的方法，是把 JavaScript 代碼寫到另一個(gè)文件當(dāng)中（此文件通常應(yīng)該用“.js”作擴(kuò)展名），然后用格式為“<script src="javascript.js"></script>”的標(biāo)記把它嵌入到文檔中。注意，一定要用“</script>”標(biāo)記。
參考 <script>標(biāo)記還有一個(gè)屬性：language（縮寫lang），說明腳本使用的語言。對于 JavaScript，請用“l(fā)anguage="JavaScript"”。
參考 相對于<script>標(biāo)記，還有一個(gè)<server>標(biāo)記。<server>標(biāo)記所包含的，是服務(wù)器端（Server Side）的腳本。本教程只討論客戶器端（Client Side）的 JavaScript，也就是用<script>標(biāo)記包含的腳本。
如果想在瀏覽器的“地址”欄中執(zhí)行 JavaScript 語句，用這樣的格式：
javascript:<JavaScript語句>
這樣的格式也可以用在連接中：
<a href="javascript:<JavaScript語句>">...</a>
JavaScript 基本語法
每一句 JavaScript 都有類似于以下的格式：
<語句>;
其中分號“;”是 JavaScript 語言作為一個(gè)語句結(jié)束的標(biāo)識符。雖然現(xiàn)在很多瀏覽器都允許用回車充當(dāng)結(jié)束符號，培養(yǎng)用分號作結(jié)束的習(xí)慣仍然是很好的。
語句塊 語句塊是用大括號“{ }”括起來的一個(gè)或 n 個(gè)語句。在大括號里邊是幾個(gè)語句，但是在大括號外邊，語句塊是被當(dāng)作一個(gè)語句的。語句塊是可以嵌套的，也就是說，一個(gè)語句塊里邊可以再包含一個(gè)或多個(gè)語句塊。
JavaScript 中的變量
什么是變量 從字面上看，變量是可變的量；從編程角度講，變量是用于存儲(chǔ)某種/某些數(shù)值的存儲(chǔ)器。所儲(chǔ)存的值，可以是數(shù)字、字符或其他的一些東西。
變量的命名 變量的命名有以下要求：
只包含字母、數(shù)字和/或下劃線；
要以字母開頭；
不能太長（其實(shí)有什么人喜歡使用又長又臭的名字呢？）；
不能與 JavaScript 保留字（Key Words，Reserved Words，數(shù)量繁多，不能一一列出；凡是可以用來做 JavaScript 命令的字都是保留字）重復(fù)。
而且，變量是區(qū)分大小寫的，例如，variable 和 Variable 是兩個(gè)不同的變量。不僅如此，大部分命令和“對象”（請參閱“對象化編程”章）都是區(qū)分大小寫的。
提示 給變量命名，最好避免用單個(gè)字母“a”“b”“c”等，而改用能清楚表達(dá)該變量在程序中的作用的詞語。這樣，不僅別人能更容易的了解你的程序，而且你在以后要修改程序的時(shí)候，也很快會(huì)記得該變量的作用。變量名一般用小寫，如果是由多個(gè)單詞組成的，那么第一個(gè)單詞用小寫，其他單詞的第一個(gè)字母用大寫。例如：myVariable 和 myAnotherVariable。這樣做僅僅是為了美觀和易讀，因?yàn)?JavaScript 一些命令（以后將用更具體的方法闡述“命令”一詞）都是用這種方法命名的：indexOf；charAt 等等。
變量需要聲明 沒有聲明的變量不能使用，否則會(huì)出錯(cuò)：“未定義”。聲明變量可以用：
var <變量> [= <值>];
var 我們接觸的第一個(gè)關(guān)鍵字（即保留字）。這個(gè)關(guān)鍵字用作聲明變量。最簡單的聲明方法就是“var <變量>;”，這將為<變量>準(zhǔn)備內(nèi)存，給它賦初始值“null”。如果加上“= <值>”，則給<變量>賦予自定的初始值<值>。
數(shù)據(jù)類型 變量可以用的數(shù)據(jù)類型有：
整型 只能儲(chǔ)存整數(shù)?？梢允钦麛?shù)、0、負(fù)整數(shù)，可以是十進(jìn)制、八進(jìn)制、十六進(jìn)制。八進(jìn)制數(shù)的表示方法是在數(shù)字前加“0”，如“0123”表示八進(jìn)制數(shù)“123”。十六進(jìn)制則是加“0x”：“0xEF”表示十六進(jìn)制數(shù)“EF”。
浮點(diǎn)型 即“實(shí)型”，能儲(chǔ)存小數(shù)。有資料顯示，某些平臺(tái)對浮點(diǎn)型變量的支持不穩(wěn)定。沒有需要就不要用浮點(diǎn)型。
字符串型 是用引號“" "”、“' '”包起來的零個(gè)至多個(gè)字符。用單引號還是雙引號由你決定。跟語文一樣，用哪個(gè)引號開始就用哪個(gè)結(jié)束，而且單雙引號可嵌套使用：'這里是"JavaScript 教程"。' 不過跟語文不同的是，JavaScript 中引號的嵌套只能有一層。如果想再多嵌一些，你需要轉(zhuǎn)義字符：
轉(zhuǎn)義字符 由于一些字符在屏幕上不能顯示，或者 JavaScript 語法上已經(jīng)有了特殊用途，在要用這些字符時(shí)，就要使用“轉(zhuǎn)義字符”。轉(zhuǎn)義字符用斜杠“\”開頭：\' 單引號、\" 雙引號、\n 換行符、\r 回車（以上只列出常用的轉(zhuǎn)義字符）。于是，使用轉(zhuǎn)義字符，就可以做到引號多重嵌套：'Micro 說："這里是\"JavaScript 教程\"。" '
布爾型 常用于判斷，只有兩個(gè)值可選：true（表“真”）和 false（表“假”）。true 和 false 是 JavaScript 的保留字。它們屬于“常數(shù)”。
對象 關(guān)于對象，在“對象化編程”一章將詳細(xì)講到。
由于 JavaScript 對數(shù)據(jù)類型的要求不嚴(yán)格，一般來說，聲明變量的時(shí)候不需要聲明類型。而且就算聲明了類型，在過程中還可以給變量賦予其他類型的值。聲明類型可以用賦予初始值的方法做到：
var aString = '';var anInteger = 0;變量的賦值 一個(gè)變量聲明后，可以在任何時(shí)候?qū)ζ滟x值。賦值的語法是：
<變量> = <表達(dá)式>;
其中“=”叫“賦值符”，它的作用是把右邊的值賦給左邊的變量。下一節(jié)將討論到表達(dá)式。
JavaScript常數(shù) 有下列幾個(gè)：
null 一個(gè)特殊的空值。當(dāng)變量未定義，或者定義之后沒有對其進(jìn)行任何賦值操作，它的值就是“null”。企圖返回一個(gè)不存在的對象時(shí)也會(huì)出現(xiàn)null值。
NaN “Not a Number”。出現(xiàn)這個(gè)數(shù)值比較少見，以至于我們可以不理它。當(dāng)運(yùn)算無法返回正確的數(shù)值時(shí)，就會(huì)返回“NaN”值。NaN 值非常特殊，因?yàn)樗安皇菙?shù)字”，所以任何數(shù)跟它都不相等，甚至 NaN 本身也不等于 NaN 。
true 布爾值“真”。用通俗的說法，“對”。
false 布爾值“假”。用通俗的說法，“錯(cuò)”。
在 Math 對象中還有一系列數(shù)學(xué)常數(shù)。這將在討論“對象化編程”時(shí)談到。
表達(dá)式與運(yùn)算符
表達(dá)式 與數(shù)學(xué)中的定義相似，表達(dá)式是指具有一定的值的、用運(yùn)算符把常數(shù)和變量連接起來的代數(shù)式。一個(gè)表達(dá)式可以只包含一個(gè)常數(shù)或一個(gè)變量。運(yùn)算符可以是四則運(yùn)算符、關(guān)系運(yùn)算符、位運(yùn)算符、邏輯運(yùn)算符、復(fù)合運(yùn)算符。下表將這些運(yùn)算符從高優(yōu)先級到低優(yōu)先級排列：
| 括號 | (x) [x] | 中括號只用于指明數(shù)組的下標(biāo) |
| 求反、自加、自減 | -x | 返回 x 的相反數(shù) |
| !x | 返回與 x (布爾值)相反的布爾值 | |
| x++ | x 值加 1，但仍返回原來的 x 值 | |
| x-- | x 值減 1，但仍返回原來的 x 值 | |
| ++x | x 值加 1，返回后來的 x 值 | |
| --x | x 值減 1，返回后來的 x 值 | |
| 乘、除 | x*y | 返回 x 乘以 y 的值 |
| x/y | 返回 x 除以 y 的值 | |
| x%y | 返回 x 與 y 的模（x 除以y 的余數(shù)） | |
| 加、減 | x+y | 返回 x 加 y 的值 |
| x-y | 返回 x 減 y 的值 | |
| 關(guān)系運(yùn)算 | x<y x<=y x>=y x>y |
當(dāng)符合條件時(shí)返回 true 值，否則返回 false 值 |
| 等于、 不等于 |
x==y | 當(dāng) x 等于 y 時(shí)返回 true 值，否則返回 false 值 |
| x!=y | 當(dāng) x 不等于 y 時(shí)返回 true 值，否則返回 false 值 | |
| 位與 | x&y | 當(dāng)兩個(gè)數(shù)位同時(shí)為 1 時(shí)，返回的數(shù)據(jù)的當(dāng)前數(shù)位為 1，其他情況都為 0 |
| 位異或 | x^y | 兩個(gè)數(shù)位中有且只有一個(gè)為 0 時(shí)，返回 0，否則返回 1 |
| 位或 | x|y | 兩個(gè)數(shù)位中只要有一個(gè)為 1，則返回 1；當(dāng)兩個(gè)數(shù)位都為零時(shí)才返回零 |
| 位運(yùn)算符通常會(huì)被當(dāng)作邏輯運(yùn)算符來使用。它的實(shí)際運(yùn)算情況是：把兩個(gè)操作數(shù)（即 x 和 y）化成二進(jìn)制數(shù)，對每個(gè)數(shù)位執(zhí)行以上所列工作，然后返回得到的新二進(jìn)制數(shù)。由于“真”值在電腦內(nèi)部（通常）是全部數(shù)位都是 1 的二進(jìn)制數(shù)，而“假”值則是全部是 0 的二進(jìn)制數(shù)，所以位運(yùn)算符也可以充當(dāng)邏輯運(yùn)算符。 | ||
| 邏輯與 | x&&y | 當(dāng) x 和 y 同時(shí)為 true 時(shí)返回 true，否則返回 false |
| 邏輯或 | x||y | 當(dāng) x 和 y 任意一個(gè)為 true 時(shí)返回 true，當(dāng)兩者同時(shí)為 false 時(shí)返回 false |
| 邏輯與/或有時(shí)候被稱為“快速與/或”。這是因?yàn)楫?dāng)?shù)谝徊僮鲾?shù)（x）已經(jīng)可以決定結(jié)果，它們將不去理會(huì) y 的值。例如，false && y，因?yàn)閤 == false，不管 y 的值是什么，結(jié)果始終是 false，于是本表達(dá)式立即返回 false，而不論 y 是多少，甚至 y 可以導(dǎo)致出錯(cuò)，程序也可以照樣運(yùn)行下去。 | ||
| 條件 | c?x:y | 當(dāng)條件 c 為 true 時(shí)返回 x 的值（執(zhí)行 x 語句），否則返回 y 的值（執(zhí)行 y 語句） |
| 賦值、 復(fù)合運(yùn)算 |
x=y | 把 y 的值賦給 x，返回所賦的值 |
| x+=y x-=y x*=y x/=y x%=y |
x 與 y 相加/減/乘/除/求余，所得結(jié)果賦給 x，并返回 x 賦值后 | |
注意 所有與四則運(yùn)算有關(guān)的運(yùn)算符都不能作用在字符串型變量上。字符串可以使用 +、+= 作為連接兩個(gè)字符串之用。
提示 請密切注意運(yùn)算的優(yōu)先級。編程時(shí)如果不記得運(yùn)算符的優(yōu)先級，可以使用括號( )。例如：(a == 0)||(b == 0)。
一些用來賦值的表達(dá)式，由于有返回的值，可以加以利用。例如，用以下語句：a = b = c = 10，可以一次對三個(gè)變量賦值。
語句
下面將開始討論 JavaScript 基本編程命令，或者叫“語句”。
注釋
像其他所有語言一樣，JavaScript 的注釋在運(yùn)行時(shí)也是被忽略的。注釋只給程序員提供消息。
JavaScript 注釋有兩種：單行注釋和多行注釋。單行注釋用雙反斜杠“//”表示。當(dāng)一行代碼有“//”，那么，“//”后面的部分將被忽略。而多行注釋是用“/*”和“*/”括起來的一行到多行文字。程序執(zhí)行到“/*”處，將忽略以后的所有文字，直到出現(xiàn)“*/”為止。
提示 如果你的程序需要草稿，或者需要讓別人閱讀，注釋能幫上大忙。養(yǎng)成寫注釋的習(xí)慣，能節(jié)省你和其他程序員的寶貴時(shí)間，使他們不用花費(fèi)多余的時(shí)間琢磨你的程序。在程序調(diào)試的時(shí)候，有時(shí)需要把一段代碼換成另一段，或者暫時(shí)不要一段代碼。這時(shí)最忌用 Delete 鍵，如果想要回那段代碼怎么辦？最好還是用注釋，把暫時(shí)不要的代碼“隱”去，到確定方法以后再刪除也不遲。
if 語句
if ( <條件> ) <語句1> [ else <語句2> ];注意 請看下例：
if (a == 1)
if (b == 0) alert(a+b);
else
alert(a-b);if (a == 1) {
if (b == 0) alert(a+b);
} else {
alert(a-b);
}循環(huán)體
for (<變量>=<初始值>; <循環(huán)條件>; <變量累加方法>) <語句>;for (i = 1; i < 10; i++) document.write(i);和 if 語句一樣，<語句>只能是一行語句，如果想用多條語句，你需要用語句塊。
與其他語言不同，JavaScript 的 for 循環(huán)沒有規(guī)定循環(huán)變量每次循環(huán)一定要加一或減一，<變量累加方法>可以是任意的賦值表達(dá)式，如 i+=3、i*=2、i-=j 等都成立。
提示 適當(dāng)?shù)氖褂?for 循環(huán)，能使 HTML 文檔中大量的有規(guī)律重復(fù)的部分簡化，也就是用 for 循環(huán)重復(fù)寫一些 HTML 代碼，達(dá)到提高網(wǎng)頁下載速度的目的。不過請?jiān)?Netscape 中重復(fù)進(jìn)行嚴(yán)格測試，保證通過了才好把網(wǎng)頁傳上去。作者曾試過多次因?yàn)橛?for 循環(huán)向文檔重復(fù)寫 HTML 代碼而導(dǎo)致 Netscape“猝死”。IE 中絕對沒有這種事情發(fā)生，如果你的網(wǎng)也是只給 IE 看的，用多多的 for 也沒問題。
除了 for 循環(huán)，JavaScript 還提供 while 循環(huán)。
while (<循環(huán)條件>) <語句>;break 和 continue
有時(shí)候在循環(huán)體內(nèi)，需要立即跳出循環(huán)或跳過循環(huán)體內(nèi)其余代碼而進(jìn)行下一次循環(huán)。break 和 continue 幫了我們大忙。
break;
本語句放在循環(huán)體內(nèi)，作用是立即跳出循環(huán)。
continue;
本語句放在循環(huán)體內(nèi)，作用是中止本次循環(huán)，并執(zhí)行下一次循環(huán)。如果循環(huán)的條件已經(jīng)不符合，就跳出循環(huán)。
例
for (i = 1; i < 10; i++) {
if (i == 3 || i == 5 || i == 8) continue;
document.write(i);
}
switch 語句
如果要把某些數(shù)據(jù)分類，例如，要把學(xué)生的成績按優(yōu)、良、中、差分類，我們可能會(huì)用 if 語句：
if (score >= 0 && score < 60) {
result = 'fail';
} else if (score < 80) {
result = 'pass';
} else if (score < 90) {
result = 'good';
} else if (score <= 100) {
result = 'excellent';
} else {
result = 'error';
}
switch (e) {
case r1: （注意：冒號）
...
[break;]
case r2:
...
[break;]
...
[default:
...]
} 上邊的 if 段用 switch 改寫就是：
switch (parseInt(score / 10)) {
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
result = 'fail';
break;
case 6:
case 7:
result = 'pass';
break;
case 8:
result = 'good';
break;
case 9:
result = 'excellent';
break;
default:
if (score == 100)
result = 'excellent';
else
result = 'error';
}
- javascript之正則表達(dá)式基礎(chǔ)知識小結(jié)
- JavaScript 語言基礎(chǔ)知識點(diǎn)總結(jié)（思維導(dǎo)圖）
- extjs 學(xué)習(xí)筆記（一） 一些基礎(chǔ)知識
- javascript DOM 操作基礎(chǔ)知識小結(jié)
- JavaScript 基礎(chǔ)知識 被自己遺忘的
- 7個(gè)JS基礎(chǔ)知識總結(jié)
- Angularjs基礎(chǔ)知識及示例匯總
- JavaScript基礎(chǔ)知識之?dāng)?shù)據(jù)類型
- javascript真的不難-回顧一下基礎(chǔ)知識
- JavaScript每天必學(xué)之基礎(chǔ)知識
相關(guān)文章
Three.js源碼閱讀筆記(基礎(chǔ)的核心Core對象)
Three.js是一個(gè)比較偉大的webgl開源庫，它簡化了瀏覽器3D編程，使得使用JavaScript在瀏覽器中創(chuàng)建復(fù)雜的場景變得容易很多接下來先從最基礎(chǔ)的核心（Core）對象開始,感興趣的朋友可以參考下2012-12-12
JavaScript高級程序設(shè)計(jì)（第3版）學(xué)習(xí)筆記2 js基礎(chǔ)語法
這一篇復(fù)習(xí)一下ECMAScript規(guī)范中的基礎(chǔ)語法，英文好的朋友可以直接閱讀官方文檔。JavaScript本質(zhì)上也是一種類C語言，熟悉C語言的朋友，可以非常輕松的閱讀這篇文章，甚至都可以跳過，不過建議你最好還是看一看，在介紹的同時(shí)，我可能會(huì)引用一些自認(rèn)為不易理解且比較流行的用法。2012-10-10
JavaScript中用于生成隨機(jī)數(shù)的Math.random()方法
這篇文章主要介紹了JavaScript中用于生成隨機(jī)數(shù)的Math.random()方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
詳解微信小程序中var、let、const用法與區(qū)別
微信小程序是可以使用最新ES6標(biāo)準(zhǔn)規(guī)范的Javascript來開發(fā)的，所有ES6中的新特性微信小程序也是支持的，下面我們來總結(jié)下信小程序中var、let、const用法與區(qū)別2020-01-01
JS的Document屬性和方法，希望大家了解下，方便以后的開發(fā)應(yīng)用。2010-01-01
javascript創(chuàng)建對象、對象繼承的實(shí)用方式詳解
JavaScript中的對象是基于原型的。原型是對象的基礎(chǔ)，它定義并實(shí)現(xiàn)了一個(gè)新對象所必須包含的成員列表，并被所有同類對象實(shí)例所共享。與其他語言中類的概念相比，原型更像是類的靜態(tài)成員。本文著重給大家介紹javascript創(chuàng)建對象、對象繼承的實(shí)用方式2016-03-03
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之集合(Set)
JavaScript集合(set) 可以使用集合對象 Map、Set 和WeakMap 存儲(chǔ)值和對象。通過這些對象,可以使用鍵或值而非索引來輕松添加和檢索成員。2016-01-01
這篇文章主要介紹了JavaScript中的原型prototype完全解析,prototype可是js界"一切皆對象"論調(diào)的重要支撐,講解了__proto__屬性和原型鏈等干貨,需要的朋友可以參考下2016-05-05
通過元素的ID訪問元素，這是DOM一個(gè)基礎(chǔ)的訪問頁面元素的方法，我們要經(jīng)常用到它.2009-07-07
這篇文章主要介紹了一個(gè)JavaScript微型模版,需要的朋友可以參考下2015-06-06