開始今天的JS教學吧
首先各位要瞭解的是JS這門程式語言是弱型別
什麼是弱型別呢??就是宣告變數時不需要指定型態(字串,數字,物件..)
那什麼又是變數呢??變數就是要讓電腦的記憶體幫我們記憶一些資訊
變數主要是用"變數名"和"值"組合而成
變數要怎麼使用呢??來寫一個範例吧
使用方式 var 變數名 = 值;
變數名第一個字必須是英文
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var textA = "這是字串";
alert(textA);
</script>
</html>
我們來觀察一下上面的程式
我們先宣告(關鍵值 var)一個變數,變數名為textA,值為"這是字串"
因為是字串,所以需要用引號包起來
接下來使用一個alert把我們剛剛宣告的變數textA給顯示出來
所謂的變數顧名思義是可以變的,只要有宣告一次,之後就可以一直用下去
再來一個範例
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var textA = "這是字串";
alert(textA);
textA = "這還是字串";
alert(textA);
</script>
</html>
這個範例會跳出兩個視窗
但是一樣是顯示textA這個變數
但是內容可不一樣
因為在程式中我們有下了一條 textA = "這還是字串";
所以 textA 的內容被我們改變了
接下來要講到的是所謂的變數運算
來看一些範例吧
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var intA = 1;
var intB = 2;
var intC = intA+intB;
alert(intC);
var intD = intA-intB;
alert(intD);
var intE = intA*intB;
alert(intE);
var intF = intA/intB;
alert(intF);
</script>
</html>
四則運算大家都不陌生吧
但是這邊要注意的是我們宣告出來的intA,intB是沒有用引號包起來的
所以JS會把intA,intB當成是數字而不是字串
那如果我們把intA變成字串會怎樣呢?
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var intA = "1";
var intB = 2;
var intC = intA+intB;
alert(intC);
var intD = intA-intB;
alert(intD);
var intE = intA*intB;
alert(intE);
var intF = intA/intB;
alert(intF);
</script>
</html>
經過執行後大家會發現intC會變成12,但是其他的卻維持原樣,為什麼??
對於+這個符號有兩種意思,數字相加與字串相加(組合)
如果兩個變數之中有一個是字串,那JS會自己判斷成字串相加
如果變數是字串但是遇到其他數學運算符號,JS也會自己判斷成數字運算
所以在使用+這個符號時要特別的注意
那如果字串不是純數字遇到數學運算符號呢??
自己嘗試看看會出現什麼吧~
程式是千變萬化的,很難列出所有的可能性,所以大家在往後的撰寫生崖中會遇到各式各樣的狀況
如何去解決這些狀況就是各位的經驗問題了
那~下一篇會學習什麼叫做函式,敬請期待吧