JavaScript基本數據結構
JavaScript提供腳本語言的編程與C++非常相似它只是去掉了C語言中有關指針等容易產生的錯誤並提供了功能強大的類庫對於已經具備C++或C語言的人來說學習JavaScript腳本語言是一件非常輕松愉快的事
一JavaScript代碼的加入
JavaScript的腳本包括在HTML中它成為HTML文檔的一部分與HTML標識相結合構成了一個功能強大的Internet網上編程語言可以直接將JavaScript腳本加入文檔
<Script Language =JavaScript>
JavaScript語言代碼
JavaScript 語言代碼;
</Script>
說明
通過標識<Script></Script>指明JavaScript腳本源代碼將放入其間
通過屬性Language =JavaScript說明標識中是使用的何種語言這裡是JavaScript語言 表示在JavaScript中使用的語言
下面是將JavaScript腳本加入Web文檔中的例子:
l
<HTML>
<Head>
<Script Language =JavaScript>
document Write(這是賽迪網互動學校);
document close();
</Script>
</Head>
</HTML>
在浏覽器的窗口中調用l則顯示這是賽迪網互動學校字串見圖所示
圖
說明:
Document write()是文檔對象的輸出函數其功能是將括號中的字符或變量值輸出到窗口document close()是將輸出關閉
可將<Script></Script>標識放入head> </Head>或<Body> </Body>之間將JavaScript標識放置<Head> </Head>在頭部之間使之在主頁和其余部分代碼之前裝載從而可使代碼的功能更強大可以將JavaScript標識放置在<Body> </Body>主體之間以實現某些部分動態地創建文檔
二基本數據類型
JavaScript腳本語言同其它語言一樣有它自身的基本數據類型表達式和算術運算符以及程序的基本框架結構JavaScript提供了四種基本的數據類型用來處理數字和文字 而變量提供存放信息的地方 表達式則可以完成較復雜的信息處理
基本數據類型
在JavaScript中四種基本的數據類型數值(整數和實數)字符串型(用號或括起來的字符或數值)布爾型(使True或False表示)和空值在JavaScript的基本類型中的數據可以是常量也可以變量由於JavaScript采用弱類型的形式因而一個數據的變量或常量不必首先作聲明而是在使用或賦值時確定其數據的類型的當然也可以先聲明該數據的類型它是通過在賦值時自動說明其數據類型的
常量
整型常量
JavaScript的常量通常又稱字面常量它是不能改變的數據其整型常量可以使用十六進制八進制和十進制表示其值
實型常量
實型常量是由整數部分加小數部分表示如 可以使用科學或標准方法表示Ee等
布爾值
布爾常量只有兩種狀態True或False 它主要用來說明或代表一種狀態或標志以說明操作流程它與C++是不一樣的C++可以用1或0表示其狀態而JavaScript只能用True或False表示其狀態
字符型常量
使用單引號()或雙引號()括起來的一個或幾個字符如 This is a book of JavaScript ewrt 等
空值
JavaScript中有一個空值null表示什麼也沒有如試圖引用沒有定義的變量則返回一個Null值
特殊字符
同C語言一樣JavaScript中同樣以有些以反斜槓(/)開頭的不可顯示的特殊字符通常稱為控制字符
變量
變量的主要作用是存取數據提供存放信息的容器對於變量必須明確變量的命名變量的類型變量的聲明及其變量的作用域
變量的命名
JavaScript中的變量命名同其計算機語言非常相似這裡要注意以下兩點
A必須是一個有效的變量即變量以字母開頭中間可以出現數字如testtext等除下劃線(-)作為連字符外變量名稱不能有空格(+)(-)()或其它符號
B不能使用JavaScript中的關鍵字作為變量
在JavaScript中定義了40多個類鍵字這些關鍵是JavaScript內部使用的不能作為變量的名稱如Varintdoubletrue不能作為變量的名稱
在對變量命名時最好把變量的意義與其代表的意思對應起來以免出現錯誤
變量的類型
在JavaScript中變量可以用命令Var作聲明:
var mytest;
該例子定義了一個mytest變量但沒有賦予它的值
Var mytest=This is a book
該例子定義了一個mytest變量 同時賦予了它的值
在JavaScript中變量以可以不作聲明而在使用時再根據數據的類型來確其變量的類型
如
x=
y=
xy= True
cost=等
其中x整數y為字符串xy為布爾型cost為實型
變量的聲明及其作用域
JavaScript變量可以在使用前先作聲明並可賦值通過使用var關鍵字對變量作聲明對變量作聲明的最大好處就是能及時發現代碼中的錯誤因為JavaScript是采用動態編譯的而動態編譯是不易發現代碼中的錯誤特別是變量命名的方面
對於變量還有一個重要性──那就是變量的作用域在JavaScript中同樣有全局變量和局部變量全局變量是定義在所有函數體之外其作用范圍是整個函數而局部變量是定義在函數體之內只對其該函數是可見的而對其它函數則是不可見的
三表達式和運算符
1表達式
在定義完變量後就可以對它們進行賦值改變計算等一系列操作這一過程通常又叫稱一個叫表達式來完成可以說它是變量常量布爾及運算符的集合因此表達式可以分為算術表述式字串表達式賦值表達式以及布爾表達式等
2運算符
運算符完成操作的一系列符號在JavaScript中有算術運算符如+*/等有比較運算符如!===等; 有邏輯布爾運算符如!(取反)|||; 有字串運算如+ +=等
在JavaScript主要有雙目運算符和單目運算符其雙目運算符由下列組成
操作數1 運算符 操作數2
即由兩個操作數和一個運算符組成如+This+that等單目運算符只需一個操作數其運算符可在前或後
(1)算術運算符
JavaScript中的算術運算符有單目運算符和雙目運算符
雙目運算符
+(加) (減) *(乘) /(除) %(取模) |(按位或)&(按位與)<<(左移) >>(右移) >>>(右移零填充)
單目運算符
(取反)~(取補)++(遞加)(遞減)
(2)比較運算符
比較運算符它的基本操作過程是首先對它的操作數進行比較爾後再返回一個true或False值有8個比較運算符:
<(小於)>(大於)<=(小於等於)>=(大於等於)==(等於)!=(不等於)
(3)布爾邏輯運算符
在JavaScript中增加了幾個布爾邏輯運算符:
!(取反)&=(與之後賦值) &(邏輯與) |=(或之後賦值) |(邏輯或) ^=(異或之後賦值) ^(邏輯異或) ?:(三目操作符)||(或)==(等於)|=(不等於)
其中三目操作符主要格式如下
操作數?結果1結果2
若操作數的結果為真則表述式的結果為結果1否則為結果2
四范例
下面是一個跑馬燈效果的JavaScript文檔
l
<html>
<head>
<script Language=JavaScript>
var msg=這是一個跑馬燈效果的JavaScript文檔;
var interval = ;
var spacelen = ;
var space= ;
var seq=;
function Scroll() {
len = msglength;
windowstatus = msgsubstring( seq+);
seq++;
if ( seq >= len ) {
seq = spacelen;
windowsetTimeout(Scroll(); interval );
}
else
windowsetTimeout(Scroll(); interval );
}
function Scroll() {
var out=;
for (i=; i<=spacelen/spacelength; i++) out +=
space;
out = out + msg;
len=outlength;
windowstatus=outsubstring(seq len);
seq++;
if ( seq >= len ) { seq = ; };
windowsetTimeout(Scroll(); interval );
}
Scroll();
</script>
<body>
</body>
</html>
本文介紹了JavaScript腳本是如何加入Web頁面 並學習了JavaScript語言中的基本數據類型變量常量操作運算符等可以看出對於已經掌握C++語言的人來說學習JavaScript真是一件非常輕松愉快的事
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19285.html