DHTML基礎教學(9)--JavaScript 基本觀念

接下來要開始進入 JavaScript 的說明

先來說明一下 JavaScript 的一些基本觀念

• 區分大小寫：這要特別注意，在之前的 HTML 和 CSS 都是不分大小寫，但 JavaScript 是有分的，也就是說 ok、Ok、oK、OK 對於 JavaScript 而言都是不同的東西，初學者常會因為大小寫不對而造成 Script 錯誤
• 註解(Comment)：註解是指不會被執行的內容，一般來說是用來說明程式碼的用途，當做備忘錄，或是將暫時不想執行，又不想刪掉的程式先註解起來，這通常是在除錯時會用到。註解的語法有兩種：
  
  
  1. 單行註解 //：寫在 // 之後一直到行尾的所有文字都是註解，所以寫在 // 之前一直到行首的語法還會執行哦
  2. 多行註解 /* ~ */：寫在 /* 與 */ 之間的所有文字都是註解
• 命令(Statement)要以分號【;】結尾：雖然這不是一個強制性的規則，但建議大家還是要加一下
• 型態鬆散：宣告變數時，不用且也不能指定資料型態，因為 JavaScript 是型態鬆散的語言，另外，同一個變數也可任意改變存放不同型態的值，但這不是一個好習慣
• 變數可重複宣告：同一個變數名稱可以宣告多次而不會出現錯誤，但這是一個不好的寫法
• 索引數字基數以 0 開始：例如陣列(Array)的索引(index)、字串的字元索引等

針對上述的觀念，來看一下範例

型態鬆散：
<script> var n; n = 1; alert(n); var x = "test"; alert(x); x = false; alert(x); </script>
var 是用來宣告變數的一個關鍵字，它是 variable 的縮寫，後續再詳細介紹宣告變數的語法
以第 1 行來說，就是在宣告一個變數，變數名為 n
這裡並沒有標明 n 這個變數的型態，直到第二行給它一個值 1 時，才決定了 n 這個變數的當前型態
再來看第 4 行，這裡給了 x 這個變數一個初始值 "test"，以雙引號括住的內容，在大部份的程式語言中都是代表一個字串，JavaScript 也不例外，所以 x 當前的型態是字串
但在第 6 行中又將它的值改為 false，所以此時 x 的型態又變成了布林值了，這就是上面提到的，同一個變數也可任意改變存放不同型態的值，但再次強調，這不是一個好習慣

區分大小寫：
<script> var ab = 1; var Ab = 2; var aB = 3; var AB = 4; alert(ab); alert(Ab); alert(aB); alert(AB); </script>
我們可以看到，四個 alert 所顯示的值都是不一樣的，表示 Script 將此四個變數視為不同的變數

變數可重複宣告
若我們將上例改成這樣
<script> var ab = 1; var ab = 2; alert(ab); </script>
則可以發現，alert 的訊息會是 2，因為大小寫相同時，就會視為同一個變數，而將原先的值覆蓋掉
其實我覺得這是一個缺點，因為在撰寫時自己就要注意不要重複，否則可能就會在你不預期的情況下蓋掉之前的值，尤其是程式一多，可能自己都會忘了有宣告過，最好是有妥善的變數命名原則，就可以降低一些重複的可能性

註解：
<script> //alert(1); alert(2); //這裡也是註解 /* alert(3); alert(4); */ alert(5); </script>
這樣一來，alert 的訊息依序會是 2 與 5，其他都已被註解掉了，不會執行

索引數字基數以 0 開始
<script> var s = "abcd"; alert(s.charAt(0)); </script>
charAt() 是字串的一個 method，用來找出在此字串中對應指定的字元索引(index)是哪一個字元
以字串 "abcd" 來說
a 字元所在的 index 為 0
b 字元所在的 index 為 1
c 字元所在的 index 為 2
d 字元所在的 index 為 3
故上例 alert 的訊息會是 a
--gs--
{DHTML基礎教學}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。