Javascript: Math Variables
約瑟
發表
這單元, 你不單只會學到如何用 JavaScript 來計算, 你還會學到一些基礎的數學喔! 開玩笑的...沒錯 , 我會考你一些數學問題, 不過是用 JavaScript Variables 來考你的。 在寫 JavaScript 程式時, Variables 扮演了重要的角色. 趕快繼續看 Variable 的介紹吧!
STEP1:【程式範例】
這是程式碼:
<BODY>
<SCRIPT LANGUAGE="javascript">
var numsums = 10 + 2
alert("10 + 2 等於 " + numsums)
var x = 10
alert("十 等於 " + x)
var y = x * 2
alert("10 X 2 = " + y)
var z = "哈囉 " + "再見"
alert(z)
</SCRIPT>
</BODY>
執行結果: 試試看按一下以下的Button
STEP2:【程式說明】
<BODY>
<SCRIPT LANGUAGE="javascript">
var numsums = 10 + 2
alert("10 + 2 等於 " + numsums)
var x = 10
alert("十 等於 " + x)
var y = x * 2
alert("10 X 2 = " + y)
var z = "哈囉 " + "再見"
alert(z)
</SCRIPT>
</BODY>
我們現在來快速的研究一下這個程式. 我們在這個程式裡面設定了一個叫做"numsums" 的 Variable。你可以看到那個 Variable 等於 12 嗎? (10+2) 那個 Variable 在 計算完後馬上轉到 alert 這個指令而出現一個小視窗告訴你答案 10 + 2 等於 12 ( 或我們可以說 = 那個 Variable) 跟的上嗎?
另一個 Variable, "x", 被設定為"等於 10". alert 指令緊跟在後來顯示結果。
再接下來一個 Variable, "y", 被設定為 "等於 'x' variable" 然後乘以二. 答案是 20 沒錯吧? 接著, 我們用 alert 指令來顯示結果。
最後, 我們用 Variable "z" 來告訴你, 我們可以用電腦符號(computation symbols) 來 把兩句話連起來. 接下來, 我們還是用 alert 指令來顯示結果。
有沒有很清楚呢? 再把程式跑一遍看看, 你會看到我們剛剛解釋的 Variables 一個接一個的出來。
我用以下的 outline 來講解一下 Variables:
Variables 開頭是 VAR (Variable), 後面跟著一個"名稱(name)", 一個"等號", 和一個"質"(value)。 建議你 VAR 後面不要斷行, 不是因為執行問題, 而是你可以比較輕鬆了解程式。
Variable 的 name 我們可以用一個或是多個字母來代表。 我建議你用字意跟 主題有關的字, 比較好辨認。
Variable 的 name 是非常敏感的喔! 這就是說 'Myvar' 和 'myvar' 是兩個完全不 一樣的名字。 大小寫要注意。
字母的數量也是一個問題。竟量不要取一個有十個字母的名稱。 最好小於 十個. 還有就是不能在字母之間放"空白鍵"。
絕對不要在 "數字變數(numeric variables)" 外面加引號("")。 我們只在顯示文字 (text)的地方加而已. 假如你加的話呢? 結果,...顯示 0。
我們用以下符號代表加減乘除: +, -, *, /。
加號(+)有兩個作用. 一個是用來計算, 另一個是 用來連接兩個 String(i.e. Joe + Cheng 就會變成 Joe Cheng)。
每種程式語言都會有 "保留字(Reserverd Words)", 包括 JavaScript。 要是你用保留字來作 Variable 的名稱的話, 就會有 ERROR。 例如, 我們用 MouseOver 來作為 Variable 的名稱就不怎麼好。
怎麼樣? 不會很難吧....仔細再讀一次, 把整個語法學起來。