?? javascript2.htm
字號:
<p><span style="color: rgb(125,125,125)" class="text">Ｂ、不能使用JavaScript中的關鍵字作為變量。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在JavaScript中定義了４０多個類鍵字，這些關鍵是JavaScript內部使用的，不能作為變量的名稱。如Var、int、double、true不能作為變量的名稱。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在對變量命名時，最好把變量的意義與其代表的意思對應起來，以免出現錯誤。</span></p>
<p><span style="color: rgb(125,125,125)" class="text"> 變量的類型</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在JavaScript中，變量可以用命令Var作聲明:</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var mytest;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">該例子定義了一個mytest變量。但沒有賦予它的值。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">Var mytest=”This is a book”</span></p>
<p><span style="color: rgb(125,125,125)" class="text">該例子定義了一個mytest變量,
同時賦予了它的值。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在JavaScript中，變量以可以不作聲明，而在使用時再根據數據的類型來確其變量的類型。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">如：</span></p>
<p><span style="color: rgb(125,125,125)" class="text">x=100 </span></p>
<p><span style="color: rgb(125,125,125)" class="text">y="125" </span></p>
<p><span style="color: rgb(125,125,125)" class="text">xy= True </span></p>
<p><span style="color: rgb(125,125,125)" class="text">cost=19.5等。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">其中x整數，y為字符串，xy為布爾型，cost為實型。</span></p>
<p><span style="color: rgb(125,125,125)" class="text"> 變量的聲明及其作用域</span></p>
<p><span style="color: rgb(125,125,125)" class="text">JavaScript變量可以在使用前先作聲明，并可賦值。通過使用var關鍵字對變量作聲明。對變量作聲明的最大好處就是能及時發現代碼中的錯誤；因為JavaScript是采用動態編譯的，而動態編譯是不易發現代碼中的錯誤，特別是變量命名的方面。<br>
對于變量還有一個重要性──那就是變量的作用域。在JavaScript中同樣有全局變量和局部變量。全局變量是定義在所有函數體之外，其作用范圍是整個函數；而局部變量是定義在函數體之內，只對其該函數是可見的，而對其它函數則是不可見的。</span></p>
<p><span style="color: rgb(125,125,125)" class="text"><font color="#009933">三、表達式和運算符</font></span></p>
<p><span style="color: rgb(125,125,125)" class="text">１、表達式</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在定義完變量后，就可以對它們進行賦值、改變、計算等一系列操作，這一過程通常又叫稱一個叫表達式來完成，可以說它是變量、常量、布爾及運算符的集合，因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">２、運算符</span></p>
<p><span style="color: rgb(125,125,125)" class="text">運算符完成操作的一系列符號，在JavaScript中有算術運算符，如＋、-、*、/等；有比較運算符如!＝、＝＝等;
有邏輯布爾運算符如！（取反）、|、||; 有字串運算如＋ 、
＋＝等。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在JavaScript主要有雙目運算符和單目運算符。其雙目運算符由下列組成：</span></p>
<p><span style="color: rgb(125,125,125)" class="text">操作數１運算符 操作數２</span></p>
<p><span style="color: rgb(125,125,125)" class="text">即由兩個操作數和一個運算符組成。如50＋40、"This"+"that"等。單目運算符，只需一個操作數，其運算符可在前或后。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">（１）算術運算符</span></p>
<p><span style="color: rgb(125,125,125)" class="text">JavaScript中的算術運算符有單目運算符和雙目運算符。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">雙目運算符：</span></p>
<p><span style="color: rgb(125,125,125)" class="text">+（加） 、-（減）、 *（乘）、
/（除）、 %（取模） 、|（按位或）、&(按位與)、<<（左移）、
>>（右移）、 >>>（右移，零填充）。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">單目運算符：</span></p>
<p><span style="color: rgb(125,125,125)" class="text">-（取反）、~（取補）、++（遞加1）、--（遞減1）。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">（２）比較運算符</span></p>
<p><span style="color: rgb(125,125,125)" class="text">比較運算符它的基本操作過程是，首先對它的操作數進行比較，爾后再返回一個true或False值，有８個比較運算符:</span></p>
<p><span style="color: rgb(125,125,125)" class="text"><(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">（３）布爾邏輯運算符</span></p>
<p><span style="color: rgb(125,125,125)" class="text">在JavaScript中增加了幾個布爾邏輯運算符:</span></p>
<p><span style="color: rgb(125,125,125)" class="text">!（取反)、&=（與之后賦值）、
&（邏輯與）、 |=（或之后賦值）、 |（邏輯或）、 ^=（異或之后賦值）、
^（邏輯異或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">其中三目操作符主要格式如下：</span></p>
<p><span style="color: rgb(125,125,125)" class="text">操作數？結果１：結果２</span></p>
<p><span style="color: rgb(125,125,125)" class="text">若操作數的結果為真，則表述式的結果為結果１，否則為結果２。</span></p>
<p><span style="color: rgb(125,125,125)" class="text"><font color="#009933">四、范例</font></span></p>
<p><span style="color: rgb(125,125,125)" class="text">下面是一個跑馬燈效果的JavaScript文檔。</span></p>
<p><span style="color: rgb(125,125,125)" class="text">Test2_1.html</span></p>
<p><span style="color: rgb(125,125,125)" class="text"><html></span></p>
<p><span style="color: rgb(125,125,125)" class="text"><head></span></p>
<p><span style="color: rgb(125,125,125)" class="text"><script
Language="JavaScript"></span></p>
<p><span style="color: rgb(125,125,125)" class="text">var msg="這是一個跑馬燈效果的JavaScript文檔";</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var interval = 100;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var spacelen = 120;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var space10=" ";</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var seq=0;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">function Scroll() {</span></p>
<p><span style="color: rgb(125,125,125)" class="text">len = msg.length;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">window.status = msg.substring(0,
seq+1);</span></p>
<p><span style="color: rgb(125,125,125)" class="text">seq++;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">if ( seq >= len ) { </span></p>
<p><span style="color: rgb(125,125,125)" class="text">seq = spacelen; </span></p>
<p><span style="color: rgb(125,125,125)" class="text">window.setTimeout("Scroll2();",
interval );</span></p>
<p><span style="color: rgb(125,125,125)" class="text">}</span></p>
<p><span style="color: rgb(125,125,125)" class="text">else</span></p>
<p><span style="color: rgb(125,125,125)" class="text">window.setTimeout("Scroll();",
interval );</span></p>
<p><span style="color: rgb(125,125,125)" class="text">} </span></p>
<p><span style="color: rgb(125,125,125)" class="text">function Scroll2() {</span></p>
<p><span style="color: rgb(125,125,125)" class="text">var out="";</span></p>
<p><span style="color: rgb(125,125,125)" class="text">for (i=1;
i<=spacelen/space10.length; i++) out += </span></p>
<p><span style="color: rgb(125,125,125)" class="text">space10;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">out = out + msg;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">len=out.length;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">window.status=out.substring(seq,
len);</span></p>
<p><span style="color: rgb(125,125,125)" class="text">seq++;</span></p>
<p><span style="color: rgb(125,125,125)" class="text">if ( seq >= len ) { seq = 0; };</span></p>
<p><span style="color: rgb(125,125,125)" class="text">window.setTimeout("Scroll2();",
interval );</span></p>
<p><span style="color: rgb(125,125,125)" class="text">} </span></p>
<p><span style="color: rgb(125,125,125)" class="text">Scroll();</span></p>
<p><span style="color: rgb(125,125,125)" class="text"></script></span></p>
<p><span style="color: rgb(125,125,125)" class="text"><body></span></p>
<p><span style="color: rgb(125,125,125)" class="text"></body></span></p>
<p><span style="color: rgb(125,125,125)" class="text"></html></span></p>
<p> </p>
<p><span style="color: rgb(125,125,125)" class="text">本講介紹了JavaScript腳本是如何加入Web頁面,
并學習了JavaScript語言中的基本數據類型、變量、常量、操作運算符等。從本講中的內容中可以看出，對于已經掌握Ｃ＋＋語言的人來說，學習JavaScript真是一件非常輕松愉快的事。</span></td>
</tr>
</table>
<p align="center"><small><a href="JavaScript1.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript1.htm">上一頁</a>
<a href="JavaScript3.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript3.htm">下一頁</a></small></p>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -