變數的設定通常是有 var 開頭，然後可以直接設定變數名稱，變數名稱設定的規則大致上是：

• 變數名稱第一個字元必須是英文或底線，第二個以後的字元可以是英文、數字、底線等，但不要使用特殊符號或中文
• 變數名稱的大小寫並不相同，要特別注意。
• 不能使用保留字或關鍵字，例如 if, else, var, int, true, false 等，都不能作為變數名稱
• 依據不同的變數內容型態，有時設定內容要加上雙引號或單引號，例如 'content' 或 "my content" 等。

如果你寫過其他程式語言，就會知道數值有整數、浮點數，浮點數甚至會有不同的精度哩！在 javascript 裡面，數值幾乎是不分類的！ 只要數值介於 (-2¹⁰²⁴) 到 (2¹⁰²⁴) 之間的數即可，這個跟其他程式語言比較不同！要注意一下下。 另外，由於我們可能還是會誤用了數值，例如使用字串進行數值乘除等，所以，在數值方面，JavaScript 有提供幾個有趣的『數值』：

• NaN (Not a Number)：不正當的數值運作，例如用字串做乘除法
• Infinity：就是比 2¹⁰²⁴ 還要大的數值， javascript 就無法處理
• -Infinity：就是比 -2¹⁰²⁴ 還要小的數值， javascript 就無法處理

javascript 也支援科學記號，例如以一個天文單位 (通常指地球到太陽之間的平均距離) 來說，它大概是『 149,597,870,700公尺 』， 雖然不應該予以簡化，不過，如果想要簡化計算時，還是可以寫成 1.496e11 公尺，或 1.496E11，這就是科學記號。

字串 (string) 則是一堆文字，通常設定的時候會加上單/雙引號喔：

var str1 = "This is a book";
var str2 = 'That is a dog';
var str3 = 'many ' + ' cats and ' + "dogs";
var str4 = 'there are ' + 4 + 'dogs';

與數值不同，字串要用雙/單引號圈起來，然後使用 + 號進行累加。在累加的過程中，也可以使用數值的方式來處理成為字串。 不過要注意，『 str = 4 』與『 str = '4' 』是完全不一樣的東西喔！

另外，string 在 JavaScript 裡面算是個物件，這個物件可以有許多的函數可用，先講一個用最多的函數，那就是取子字串的功能。 舉例來說，有個名為 str1 的字串，你想要知道這個字串有幾個字元，可以使用底下的方式取得：

var strlen = str1.length          // 取得 str1 的字元總長度
var str2 = str1.substr(2,10)      // 從 str1 第 3 個字元處，取出 10 個字元

那個 .length 就是長度的意思。而如果想要取出整個字串當中的許多字元，就可以透過 .substr 來處理， 從第幾個位置取出幾個字元的意思。這個動作在進行字串處理的時候相當有幫助喔！舉例來說，你要刪除一個字元， 就可以使用這樣的方式處理：

str1.substr(0,str1.length-1)

還記得小時候學的數學嘛？有所謂的『真/假』之別吧！不是真的就是假的，那真 (true) 與假 (false) 就是所謂的布林值！ 布林值通常用在選擇與判斷行為中，同時， true 與 false 是布林值的關鍵字，所以設定時，不可以使用單/雙引號圈選！ 不然會變成普通的字串！這點非常重要！

var boo1 = true
var boo2 = false

除了上面三種型別之外，另外還有兩個特別的型別，分別是：

• null (空)：讓變數設定為空值，此時該變數會變成 object 的輸出類型。
• undefined (未定義)：這個變數並沒有被宣告，所以就會是未定義的變數型別！

若想要知道該變數的型態，則可以使用 typeof(變數名) 來處理，例如：

var boo1 = true;
document.getElementById('someid').innerHTML = typeof(boo1);

一般從網頁上面抓下來的元件裡面的資料，到底是什麼型別呢？用底下的方式來查查看：

你可以發現，幾乎所有的網頁元件的值 (value, innerHTML)，都會是字串或者是物件，且物件的內容也大部分都是字串。 因此，我們有必要將字串轉為其他的型別，這樣才能夠進行其他的應用啊！

這兩個東西非常有幫助！不過，因為 javascript 大概就是 number 數值，所以，記得 parseFloat() 的用途就可以了！ 基本上，這東西的效果有點像這樣：

parseFloat("15");             // 回傳 15 數值
parseFloat("3.14");           // 回傳 3.14 數值
parseFloat("3.14pi");         // 回傳 3.14 數值
parseFloat("pi3.14");         // 回傳 NaN，因為開頭不是數值
parseFloat("   3.14 is pi");  // 回傳 3.14 數值

事實上，任何數值被加上字串，就會主動被變成字串了。如果單純只要將該數值變字串，使用 String(數值) 即可。

所謂的運算子 (operator) 指的通常是針對某些元素進行運算或者是判斷的符號，例如『 var a1 = b1 + c1 』當中， 那個等於 (=) 與加號 (+) 就是所謂的運算子。又如『 if ( a1 == b1 && a2 == b2 ) 』當中， 那個等於 (==) 與兩個 && 的符號，就是邏輯運算子。一般來說，運算子有這些項目：

• 指定運算子： 就是等號，例如『 a1 = 3.14 』
• 算術運算子： 就是加減乘除，例如：
  • a+b, 15+4
  • a-b, 15-4
  • a*b, 15*4
  • a/b, 15/4
  • a%b, 15%4 (答案會是 3 喔！)
• 遞增或遞減運算子： 就是 ++ 或 --，這個是運算完畢加一或減一，例如：
  • a++, a=a+1, 當 a 為 3 時，進行 a++ 會變成 4
  • a--, a=a-1, 當 a 為 3 時，進行 a-- 會變成 2
• 邏輯運算子： 就是判斷對不對、大於小於、和 (and)、或(or) 等，例如：
  • a == b, 若 a 等於 b 就成立, 15 == 4 回傳 false
  • a != b, 若 a 不等於 b 就成立, 15 != 4 回傳 true
  • a > b, 若 a 大於 b 就成立, 15 > 4 回傳 true
  • a < b, 若 a 小於 b 就成立, 15 < 4 回傳 false
  • a >= b, 若 a 大於等於 b 就成立, 15 > 4 回傳 true
  • a <= b, 若 a 小於等於 b 就成立, 15 < 4 回傳 false
  • a == b && c == d, 兩者需要同時成立才回傳 true
  • a == b || c == d, 只要其中一個成立就回傳 true

另外，運算子也會有優先順序喔！舉例來說，我要判斷『 5*(6-4)*3 』是否等於 3 的時候，你會知道判斷式會寫成『 5*(6-4)*3 == 3 』， 裡面出現很多運算子，該如何計算？基本上是這樣 (高優先到低優先)：

• 括號優先： ()
• *, /, % ： 乘法、除法、餘數
• +, - ： 加法、減法
• >, <, >=, <= ： 大於、小於、大於等於、小於等於
• ==, != ：等於、不等於

某些時刻，你可能需要從網頁上面取得使用者輸入的資訊，然後進行數值方面的判讀與寫入，此時該如何處理？ 可能需要轉換字串成為數值後，直接計算後送到畫面中的元素內即可。舉例來說，計算一下 °C 與 °F 之間的轉換， 透過 °F = °C * 1.8 + 32 的程式碼，或者是 °C = ( °F - 32 ) / 1.8 來計算看看：

至於邏輯判斷呢？基本上，就是會回應真或假 (true or false) 的定義就對了！所以，如果要判斷某個變數是否大於 15 ，可以這樣做：

var ans = ( a > 15 );

如果 a 是 16 以上，那麼 ans 就會是 true，如果 a 是 14 以下， ans 就會是 false 的『布林值』型態。 舉個簡單的例子，假設我們的定義當中， 18~60 歲之間的人類稱為『青年』，那麼你可以寫出這樣的例子來看看：