|
JavaScript 是使用“對(duì)象化編程”的,或者叫“面向?qū)ο缶幊獭钡摹K^“對(duì)象化編程”,意思是把 JavaScript 能涉及的范圍劃分成大大小小的對(duì)象,對(duì)象下面還繼續(xù)劃分對(duì)象直至非常詳細(xì)為止,所有的編程都以對(duì)象為出發(fā)點(diǎn),基于對(duì)象。小到一個(gè)變量,大到網(wǎng)頁(yè)文檔、窗口甚至屏幕,都是對(duì)象。這一章將“面向?qū)ο蟆敝v述 JavaScript 的運(yùn)行情況。
對(duì)象的基本知識(shí)
對(duì)象是可以從 JavaScript“勢(shì)力范圍”中劃分出來(lái)的一小塊,可以是一段文字、一幅圖片、一個(gè)表單(Form)等等。每個(gè)對(duì)象有它自己的屬性、方法和事件。對(duì)象的屬性是反映該對(duì)象某些特定的性質(zhì)的,例如:字符串的長(zhǎng)度、圖像的長(zhǎng)寬、文字框(Textbox)里的文字等等;對(duì)象的方法能對(duì)該對(duì)象做一些事情,例如,表單的“提交”(Submit),窗口的“滾動(dòng)”(Scrolling)等等;而對(duì)象的事件就能響應(yīng)發(fā)生在對(duì)象上的事情,例如提交表單產(chǎn)生表單的“提交事件”,點(diǎn)擊連接產(chǎn)生的“點(diǎn)擊事件”。不是所有的對(duì)象都有以上三個(gè)性質(zhì),有些沒有事件,有些只有屬性。引用對(duì)象的任一“性質(zhì)”用“<對(duì)象名>.<性質(zhì)名>”這種方法。
基本對(duì)象
現(xiàn)在我們要復(fù)習(xí)以上學(xué)過(guò)的內(nèi)容了――把一些數(shù)據(jù)類型用對(duì)象的角度重新學(xué)習(xí)一下。
Number “數(shù)字”對(duì)象。這個(gè)對(duì)象用得很少,作者就一次也沒有見過(guò)。不過(guò)屬于“Number”的對(duì)象,也就是“變量”就多了。
屬性String 字符串對(duì)象。聲明一個(gè)字符串對(duì)象最簡(jiǎn)單、快捷、有效、常用的方法就是直接賦值。
MAX_VALUE 用法:Number.MAX_VALUE;返回“最大值”。
MIN_VALUE 用法:Number.MIN_VALUE;返回“最小值”。
NaN 用法:Number.NaN 或 NaN;返回“NaN”。“NaN”(不是數(shù)值)在很早就介紹過(guò)了。
NEGATIVE_INFINITY 用法:Number.NEGATIVE_INFINITY;返回:負(fù)無(wú)窮大,比“最小值”還小的值。
POSITIVE_INFINITY 用法:Number.POSITIVE_INFINITY;返回:正無(wú)窮大,比“最大值”還大的值。
方法
toString() 用法:<數(shù)值變量>.toString();返回:字符串形式的數(shù)值。如:若 a == 123;則 a.toString() == '123'。
屬性Array 數(shù)組對(duì)象。數(shù)組對(duì)象是一個(gè)對(duì)象的集合,里邊的對(duì)象可以是不同類型的。數(shù)組的每一個(gè)成員對(duì)象都有一個(gè)“下標(biāo)”,用來(lái)表示它在數(shù)組中的位置(既然是“位置”,就也是從零開始的啦)。
length 用法:<字符串對(duì)象>.length;返回該字符串的長(zhǎng)度。
方法
charAt() 用法:<字符串對(duì)象>.charAt(<位置>);返回該字符串位于第<位置>位的單個(gè)字符。注意:字符串中的一個(gè)字符是第 0 位的,第二個(gè)才是第 1 位的,最后一個(gè)字符是第 length - 1 位的。
charCodeAt() 用法:<字符串對(duì)象>.charCodeAt(<位置>);返回該字符串位于第<位置>位的單個(gè)字符的 ASCII 碼。
fromCharCode() 用法:String.fromCharCode(a, b, c...);返回一個(gè)字符串,該字符串每個(gè)字符的 ASCII 碼由 a, b, c... 等來(lái)確定。
indexOf() 用法:<字符串對(duì)象>.indexOf(<另一個(gè)字符串對(duì)象>[, <起始位置>]);該方法從<字符串對(duì)象>中查找<另一個(gè)字符串對(duì)象>(如果給出<起始位置>就忽略之前的位置),如果找到了,就返回它的位置,沒有找到就返回“-1”。所有的“位置”都是從零開始的。
lastIndexOf() 用法:<字符串對(duì)象>.lastIndexOf(<另一個(gè)字符串對(duì)象>[, <起始位置>]);跟 indexOf() 相似,不過(guò)是從后邊開始找。
split() 用法:<字符串對(duì)象>.split(<分隔符字符>);返回一個(gè)數(shù)組,該數(shù)組是從<字符串對(duì)象>中分離開來(lái)的,<分隔符字符>決定了分離的地方,它本身不會(huì)包含在所返回的數(shù)組中。例如:'1&2&345&678'.split('&')返回?cái)?shù)組:1,2,345,678。關(guān)于數(shù)組,我們等一下就討論。
substring() 用法:<字符串對(duì)象>.substring(<始>[, <終>]);返回原字符串的子字符串,該字符串是原字符串從<始>位置到<終>位置的前一位置的一段。<終> - <始> = 返回字符串的長(zhǎng)度(length)。如果沒有指定<終>或指定得超過(guò)字符串長(zhǎng)度,則子字符串從<始>位置一直取到原字符串尾。如果所指定的位置不能返回字符串,則返回空字符串。
substr() 用法:<字符串對(duì)象>.substr(<始>[, <長(zhǎng)>]);返回原字符串的子字符串,該字符串是原字符串從<始>位置開始,長(zhǎng)度為<長(zhǎng)>的一段。如果沒有指定<長(zhǎng)>或指定得超過(guò)字符串長(zhǎng)度,則子字符串從<始>位置一直取到原字符串尾。如果所指定的位置不能返回字符串,則返回空字符串。
toLowerCase() 用法:<字符串對(duì)象>.toLowerCase();返回把原字符串所有大寫字母都變成小寫的字符串。
toUpperCase() 用法:<字符串對(duì)象>.toUpperCase();返回把原字符串所有小寫字母都變成大寫的字符串。
數(shù)組的定義方法:
var <數(shù)組名> = new Array();這樣就定義了一個(gè)空數(shù)組。以后要添加數(shù)組元素,就用:
<數(shù)組名>[<下標(biāo)>] = ...;注意這里的方括號(hào)不是“可以省略”的意思,數(shù)組的下標(biāo)表示方法就是用方括號(hào)括起來(lái)。
如果想在定義數(shù)組的時(shí)候直接初始化數(shù)據(jù),請(qǐng)用:
var <數(shù)組名> = new Array(<元素1>, <元素2>, <元素3>...);例如,var myArray = new Array(1, 4.5, 'Hi'); 定義了一個(gè)數(shù)組 myArray,里邊的元素是:myArray[0] == 1; myArray[1] == 4.5; myArray[2] == 'Hi'。
但是,如果元素列表中只有一個(gè)元素,而這個(gè)元素又是一個(gè)正整數(shù)的話,這將定義一個(gè)包含<正整數(shù)>個(gè)空元素的數(shù)組。
注意:JavaScript只有一維數(shù)組!千萬(wàn)不要用“Array(3,4)”這種愚蠢的方法來(lái)定義 4 x 5 的二維數(shù)組,或者用“myArray[2,3]”這種方法來(lái)返回“二維數(shù)組”中的元素。任意“myArray[...,3]”這種形式的調(diào)用其實(shí)只返回了“myArray[3]”。要使用多維數(shù)組,請(qǐng)用這種虛擬法:
var myArray = new Array(new Array(), new Array(), new Array(), ...);其實(shí)這是一個(gè)一維數(shù)組,里邊的每一個(gè)元素又是一個(gè)數(shù)組。調(diào)用這個(gè)“二維數(shù)組”的元素時(shí):myArray[2][3] = ...;
屬性Math “數(shù)學(xué)”對(duì)象,提供對(duì)數(shù)據(jù)的數(shù)學(xué)計(jì)算。下面所提到的屬性和方法,不再詳細(xì)說(shuō)明“用法”,大家在使用的時(shí)候記住用“Math.<名>”這種格式。
length 用法:<數(shù)組對(duì)象>.length;返回:數(shù)組的長(zhǎng)度,即數(shù)組里有多少個(gè)元素。它等于數(shù)組里最后一個(gè)元素的下標(biāo)加一。所以,想添加一個(gè)元素,只需要:myArray[myArray.length] = ...。
方法
join() 用法:<數(shù)組對(duì)象>.join(<分隔符>);返回一個(gè)字符串,該字符串把數(shù)組中的各個(gè)元素串起來(lái),用<分隔符>置于元素與元素之間。這個(gè)方法不影響數(shù)組原本的內(nèi)容。
reverse() 用法:<數(shù)組對(duì)象>.reverse();使數(shù)組中的元素順序反過(guò)來(lái)。如果對(duì)數(shù)組[1, 2, 3]使用這個(gè)方法,它將使數(shù)組變成:[3, 2, 1]。
slice() 用法:<數(shù)組對(duì)象>.slice(<始>[, <終>]);返回一個(gè)數(shù)組,該數(shù)組是原數(shù)組的子集,始于<始>,終于<終>。如果不給出<終>,則子集一直取到原數(shù)組的結(jié)尾。
sort() 用法:<數(shù)組對(duì)象>.sort([<方法函數(shù)>]);使數(shù)組中的元素按照一定的順序排列。如果不指定<方法函數(shù)>,則按字母順序排列。在這種情況下,80 是比 9 排得前的。如果指定<方法函數(shù)>,則按<方法函數(shù)>所指定的排序方法排序。<方法函數(shù)>比較難講述,這里只將一些有用的<方法函數(shù)>介紹給大家。
按升序排列數(shù)字:function sortMethod(a, b) {按降序排列數(shù)字:把上面的“a - b”該成“b - a”。
return a - b;
}
myArray.sort(sortMethod);
有關(guān)函數(shù),請(qǐng)看下面。
屬性Date 日期對(duì)象。這個(gè)對(duì)象可以儲(chǔ)存任意一個(gè)日期,從 0001 年到 9999 年,并且可以精確到毫秒數(shù)(1/1000 秒)。在內(nèi)部,日期對(duì)象是一個(gè)整數(shù),它是從 1970 年 1 月 1 日零時(shí)正開始計(jì)算到日期對(duì)象所指的日期的毫秒數(shù)。如果所指日期比 1970 年早,則它是一個(gè)負(fù)數(shù)。所有日期時(shí)間,如果不指定時(shí)區(qū),都采用“UTC”(世界時(shí))時(shí)區(qū),它與“GMT”(格林威治時(shí)間)在數(shù)值上是一樣的。
E 返回常數(shù) e (2.718281828...)。
LN2 返回 2 的自然對(duì)數(shù) (ln 2)。
LN10 返回 10 的自然對(duì)數(shù) (ln 10)。
LOG2E 返回以 2 為低的 e 的對(duì)數(shù) (log2e)。
LOG10E 返回以 10 為低的 e 的對(duì)數(shù) (log10e)。
PI 返回π(3.1415926535...)。
SQRT1_2 返回 1/2 的平方根。
SQRT2 返回 2 的平方根。
方法
abs(x) 返回 x 的絕對(duì)值。
acos(x) 返回 x 的反余弦值(余弦值等于 x 的角度),用弧度表示。
asin(x) 返回 x 的反正弦值。
atan(x) 返回 x 的反正切值。
atan2(x, y) 返回復(fù)平面內(nèi)點(diǎn)(x, y)對(duì)應(yīng)的復(fù)數(shù)的幅角,用弧度表示,其值在 -π 到 π 之間。
ceil(x) 返回大于等于 x 的最小整數(shù)。
cos(x) 返回 x 的余弦。
exp(x) 返回 e 的 x 次冪 (ex)。
floor(x) 返回小于等于 x 的最大整數(shù)。
log(x) 返回 x 的自然對(duì)數(shù) (ln x)。
max(a, b) 返回 a, b 中較大的數(shù)。
min(a, b) 返回 a, b 中較小的數(shù)。
pow(n, m) 返回 n 的 m 次冪 (nm)。
random() 返回大于 0 小于 1 的一個(gè)隨機(jī)數(shù)。
round(x) 返回 x 四舍五入后的值。
sin(x) 返回 x 的正弦。
sqrt(x) 返回 x 的平方根。
tan(x) 返回 x 的正切。
定義一個(gè)日期對(duì)象:
var d = new Date;這個(gè)方法使 d 成為日期對(duì)象,并且已有初始值:當(dāng)前時(shí)間。如果要自定初始值,可以用:
var d = new Date(99, 10, 1); //99 年 10 月 1 日等等方法。最好的方法就是用下面介紹的“方法”來(lái)嚴(yán)格的定義時(shí)間。
var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日
方法
以下有很多“g/set[UTC]XXX”這樣的方法,它表示既有“getXXX”方法,又有“setXXX”方法。“get”是獲得某個(gè)數(shù)值,而“set”是設(shè)定某個(gè)數(shù)值。如果帶有“UTC”字母,則表示獲得/設(shè)定的數(shù)值是基于 UTC 時(shí)間的,沒有則表示基于本地時(shí)間或?yàn)g覽期默認(rèn)時(shí)間的。
如無(wú)說(shuō)明,方法的使用格式為:“<對(duì)象>.<方法>”,下同。
g/set[UTC]FullYear() 返回/設(shè)置年份,用四位數(shù)表示。如果使用“x.set[UTC]FullYear(99)”,則年份被設(shè)定為 0099 年。
g/set[UTC]Year()返回/設(shè)置年份,用兩位數(shù)表示。設(shè)定的時(shí)候?yàn)g覽器自動(dòng)加上“19”開頭,故使用“x.set[UTC]Year(00)”把年份設(shè)定為 1900 年。
g/set[UTC]Month()返回/設(shè)置月份。
g/set[UTC]Date()返回/設(shè)置日期。
g/set[UTC]Day()返回/設(shè)置星期,0 表示星期天。
g/set[UTC]Hours()返回/設(shè)置小時(shí)數(shù),24小時(shí)制。
g/set[UTC]Minutes()返回/設(shè)置分鐘數(shù)。
g/set[UTC]Seconds()返回/設(shè)置秒鐘數(shù)。
g/set[UTC]Milliseconds()返回/設(shè)置毫秒數(shù)。
g/setTime() 返回/設(shè)置時(shí)間,該時(shí)間就是日期對(duì)象的內(nèi)部處理方法:從 1970 年 1 月 1 日零時(shí)正開始計(jì)算到日期對(duì)象所指的日期的毫秒數(shù)。如果要使某日期對(duì)象所指的時(shí)間推遲 1 小時(shí),就用:“x.setTime(x.getTime() + 60 * 60 * 1000);”(一小時(shí) 60 分,一分 60 秒,一秒 1000 毫秒)。
getTimezoneOffset() 返回日期對(duì)象采用的時(shí)區(qū)與格林威治時(shí)間所差的分鐘數(shù)。在格林威治東方的市區(qū),該值為負(fù),例如:中國(guó)時(shí)區(qū)(GMT+0800)返回“-480”。
toString() 返回一個(gè)字符串,描述日期對(duì)象所指的日期。這個(gè)字符串的格式類似于:“Fri Jul 21 15:43:46 UTC+0800 2000”。
toLocaleString() 返回一個(gè)字符串,描述日期對(duì)象所指的日期,用本地時(shí)間表示格式。如:“2000-07-21 15:43:46”。
toGMTString() 返回一個(gè)字符串,描述日期對(duì)象所指的日期,用 GMT 格式。
toUTCString() 返回一個(gè)字符串,描述日期對(duì)象所指的日期,用 UTC 格式。
parse() 用法:Date.parse(<日期對(duì)象>);返回該日期對(duì)象的內(nèi)部表達(dá)方式。
全局對(duì)象
全局對(duì)象從不現(xiàn)形,它可以說(shuō)是虛擬出來(lái)的,目的在于把全局函數(shù)“對(duì)象化”。在 Microsoft JScript 語(yǔ)言參考中,它叫做“Global 對(duì)象”,但是引用它的方法和屬性從來(lái)不用“Global.xxx”(況且這樣做會(huì)出錯(cuò)),而直接用“xxx”。
屬性
NaN 一早就說(shuō)過(guò)了。
方法
eval() 把括號(hào)內(nèi)的字符串當(dāng)作標(biāo)準(zhǔn)語(yǔ)句或表達(dá)式來(lái)運(yùn)行。
isFinite() 如果括號(hào)內(nèi)的數(shù)字是“有限”的(介于 Number.MIN_VALUE 和 Number.MAX_VALUE 之間)就返回 true;否則返回 false。
isNaN() 如果括號(hào)內(nèi)的值是“NaN”則返回 true 否則返回 false。
parseInt() 返回把括號(hào)內(nèi)的內(nèi)容轉(zhuǎn)換成整數(shù)之后的值。如果括號(hào)內(nèi)是字符串,則字符串開頭的數(shù)字部分被轉(zhuǎn)換成整數(shù),如果以字母開頭,則返回“NaN”。
parseFloat() 返回把括號(hào)內(nèi)的字符串轉(zhuǎn)換成浮點(diǎn)數(shù)之后的值,字符串開頭的數(shù)字部分被轉(zhuǎn)換成浮點(diǎn)數(shù),如果以字母開頭,則返回“NaN”。
toString() 用法:<對(duì)象>.toString();把對(duì)象轉(zhuǎn)換成字符串。如果在括號(hào)中指定一個(gè)數(shù)值,則轉(zhuǎn)換過(guò)程中所有數(shù)值轉(zhuǎn)換成特定進(jìn)制。
escape() 返回括號(hào)中的字符串經(jīng)過(guò)編碼后的新字符串。該編碼應(yīng)用于 URL,也就是把空格寫成“%20”這種格式。“+”不被編碼,如果要“+”也被編碼,請(qǐng)用:escape('...', 1)。
unescape() 是 escape() 的反過(guò)程。解編括號(hào)中字符串成為一般字符串。
函數(shù)函數(shù)的定義
所謂“函數(shù)”,是有返回值的對(duì)象或?qū)ο蟮姆椒ā?
函數(shù)的種類
常見的函數(shù)有:構(gòu)造函數(shù),如 Array(),能構(gòu)造一個(gè)數(shù)組;全局函數(shù),即全局對(duì)象里的方法;自定義函數(shù);等等。
自定義函數(shù)
定義函數(shù)用以下語(yǔ)句:
function 函數(shù)名([參數(shù)集]) {其中,用在 function 之后和函數(shù)結(jié)尾的大括號(hào)是不能省去的,就算整個(gè)函數(shù)只有一句。
...
[return[ <值>];]
...
}
函數(shù)名與變量名有一樣的起名規(guī)定,也就是只包含字母數(shù)字下劃線、字母排頭、不能與保留字重復(fù)等。
參數(shù)集可有可無(wú),但括號(hào)就一定要有。
參數(shù) 是函數(shù)外部向函數(shù)內(nèi)部傳遞信息的橋梁,例如,想叫一個(gè)函數(shù)返回 3 的立方,你就要讓函數(shù)知道“3”這個(gè)數(shù)值,這時(shí)候就要有一個(gè)變量來(lái)接收數(shù)值,這種變量叫做參數(shù)。
參數(shù)集是一個(gè)或多個(gè)用逗號(hào)分隔開來(lái)的參數(shù)的集合,如:a, b, c。
函數(shù)的內(nèi)部有一至多行語(yǔ)句,這些語(yǔ)句并不會(huì)立即執(zhí)行,而只當(dāng)有其它程序調(diào)用它時(shí)才執(zhí)行。這些語(yǔ)句中可能包含“return”語(yǔ)句。在執(zhí)行一個(gè)函數(shù)的時(shí)候,碰到 return 語(yǔ)句,函數(shù)立刻停止執(zhí)行,并返回到調(diào)用它的程序中。如果“return”后帶有<值>,則退出函數(shù)的同時(shí)返回該值。
在函數(shù)的內(nèi)部,參數(shù)可以直接當(dāng)作變量來(lái)使用,并可以用 var 語(yǔ)句來(lái)新建一些變量,但是這些變量都不能被函數(shù)外部的過(guò)程調(diào)用。要使函數(shù)內(nèi)部的信息能被外部調(diào)用,要么使用“return”返回值,要么使用全局變量。
全局變量 在 Script 的“根部”(非函數(shù)內(nèi)部)的“var”語(yǔ)句所定義的變量就是全局變量,它能在整個(gè)過(guò)程的任意地方被調(diào)用、更改。
例
function addAll(a, b, c) {這個(gè)例子建立了一個(gè)叫“addAll”的函數(shù),它有 3 個(gè)參數(shù):a, b, c,作用是返回三個(gè)數(shù)相加的結(jié)果。在函數(shù)外部,利用“var total = addAll(3, 4, 5);”接收函數(shù)的返回值。
return a + b + c;
}
var total = addAll(3, 4, 5);
更多的時(shí)候,函數(shù)是沒有返回值的,這種函數(shù)在一些比較強(qiáng)調(diào)嚴(yán)格的語(yǔ)言中是叫做“過(guò)程”的,例如 Basic 類語(yǔ)言的“Sub”、Pascal 語(yǔ)言的“procedure”。
屬性
arguments 一個(gè)數(shù)組,反映外部程序調(diào)用函數(shù)時(shí)指定的參數(shù)。用法:直接在函數(shù)內(nèi)部調(diào)用“arguments”。
JavaScript技術(shù):JavaScript入門教程(3) js面向?qū)ο?/a>,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。