返回列表下一主題上一主題發帖

[教學] (教學第2篇)JavaScript算術運算與變數

小誌

　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員 Rank: 9 Rank: 9 Rank: 9

帖子: 1190
主題: 394
精華: 113
積分: 1747
點名: 1
作業系統: Vista
軟體版本: Office 2003
閱讀權限: 200
性別: 男
來自: 台灣
註冊時間: 2010-5-1
最後登錄: 2024-11-23

2021牛年全勤獎章好學求知勳章熱烈參與勳章 2017 雞年全勤獎章 2018 狗年全勤獎章 2019 豬年全勤獎章 2020鼠年全勤獎章

1^# 跳轉到 » 倒序看帖

打印

字體大小: tT

發表於 2010-5-9 16:24 | 只看該作者

[教學] (教學第2篇)JavaScript算術運算與變數

算, JavaScript

算數運算
在我們JavaScript中的算數運算可分為下列5種。
運算元說明
+ 加法，例如document.write(2+3)，網頁輸出答案5
- 減法，例如：document.write(3-2)，網頁輸出答案1
* 乘法，例如：document.write(2*3)，網頁輸出答案6
/ 除法，例如：document.write(6/2)，網頁輸出答案3
% 模數，例如：document.write(5%2)，網頁輸出答案1
PS:模數就是取餘數啦。

<html>
<head><title>算術運算</title></HEAD>
<body>
<script language="javascript">
document.write(2+3);
document.write("<br>");
document.write(3-2);
document.write("<br>");
document.write(2*3);
document.write("<br>");
document.write(6/2);
document.write("<br>");
document.write(5%2)
</Script>
</body>
</html>

複製代碼

好怪喔！小誌之前教學時說在使用document.write() 函式時，要輸出的資料必須使用雙引號包括起來，這樣雙引號中包括起來的內容才會被輸出到網頁中，那我們剛剛作算數運算時，算式怎麼不用雙引號包括起來，因為，我們輸出的並不是『字串』ㄚ，我們是輸出運算的結果！如果你在算式的前後用雙引號包括起來那可就錯了，比如說，我們將算式『2+3』前後用雙引號包括起來『”2+3”』，那輸出的結果將會變成下圖的錯誤結果，算式被當成是『字串』輸出了：

變數
當我們要叫喚某人時，最簡單的方式就是叫她的「名字」；若我們把資料存入記憶體中由作業系統來幫我們管理，當我們要取用資料時，該如何通知呢，那就是給它變數，「變數」就代表這些資料的「名字」，變數是在程式碼中用來代替在記憶體中資料的位址，所以我們只要用變數來進行各種資料的運算與處理，而不必管它被存放的位置。

變數會因程式的執行而變動所存放的資料內容！
例如：我們使用一個變數「x」，同時將變數x的值(也就是變數內所儲放的資料內容)指定為「3」，然後把變數x資料內容輸出到網頁中，則網頁出現一個「3」，接著我們將變數x的值指定為「9」，把變數x資料內容再次輸出到網頁中，網頁卻出現一個「9」，由此可知：在程式執行的過程中，變數的值是可變動的！

<script language="javascript">
x=3;
document.write(x);
document.write("<br>");
x=9;
document.write(x);
</Script>

複製代碼

A=X+A？
假設A=2，X=0，A=A+X這樣的數學運算式是成立的，若X=1呢？在我們的數學運算中它將是不成立的，但是在我們電腦的運算規則中它卻是成立的！為什麼？因為在我們程式敘述中的『=』等號，跟我們們一般數學上的運算等號是不同的，在程式敘述中的『=』等號是『指定』的意思！舉例來說：

<script language="javascript">
A=3;
X=2;
A=A+X;
document.write(A);
</script>

複製代碼

在上例中，我們將先變數A的資料值指定為『3』；變數X的資料值指定為『2』，接著我們寫了一個算式『A=A+X』，奇怪！A等於2，A+X等於5，等號兩邊的值不同ㄚ！程式寫錯了嗎？沒錯啦！因為我們程式是將變數X與變數A中存放的資料值取出來作加法運算，然後再將運算結果『指定』存入變數A中，所以當我們將變數A內的資料輸出到網頁中就獲得答案『5』。

樓主熱帖

心安，平安
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

靜思自在 : 君子為目標，小人為目的。

返回列表下一主題上一主題