JavaScript入門教程(3) js物件導向

JavaScript 是使用“對象化編程”的，或者叫“物件導向編程”的。所謂“對象化編程”，意思是把 JavaScript 能涉及的範圍劃分成大大小小的對象，對象下面還繼續劃分對象直至非常詳細為止，所有的編程都以對象為出發點，基於對象。小到一個變數，大到網頁文檔、視窗甚至螢幕，都是對象。這一章將“物件導向”講述 JavaScript 的運行情況。
對象的基本知識
對象是可以從 JavaScript“勢力範圍”中劃分出來的一小塊，可以是一段文字、一幅圖片、一個表單（Form）等等。每個對象有它自己的屬性、方法和事件。對象的屬性是反映該對象某些特定的性質的，例如：字串的長度、映像的長寬、文字框（Textbox）裡的文字等等；對象的方法能對該對象做一些事情，例如，表單的“提交”(Submit)，視窗的“滾動”(Scrolling)等等；而對象的事件就能響應發生在對象上的事情，例如提交表單產生表單的“提交事件”，點擊串連產生的“點擊事件”。不是所有的對象都有以上三個性質，有些沒有事件，有些只有屬性。引用對象的任一“性質”用“<對象名>.<性質名>”這種方法。

基本對象
現在我們要複習以上學過的內容了——把一些資料類型用對象的角度重新學習一下。
Number “數字”對象。這個對象用得很少，作者就一次也沒有見過。不過屬於“Number”的對象，也就是“變數”就多了。

屬性
MAX_VALUE 用法：Number.MAX_VALUE；返回“最大值”。
MIN_VALUE 用法：Number.MIN_VALUE；返回“最小值”。
NaN 用法：Number.NaN 或 NaN；返回“NaN”。“NaN”（不是數值）在很早就介紹過了。
NEGATIVE_INFINITY 用法：Number.NEGATIVE_INFINITY；返回：負無窮大，比“最小值”還小的值。
POSITIVE_INFINITY 用法：Number.POSITIVE_INFINITY；返回：正無窮大，比“最大值”還大的值。
方法
toString() 用法：<數值變數>.toString()；返回：字串形式的數值。如：若 a == 123；則 a.toString() == '123'。

String 字串對象。聲明一個字串對象最簡單、快捷、有效、常用的方法就是直接賦值。

屬性
length 用法：<字串對象>.length；返回該字串的長度。
方法
charAt() 用法：<字串對象>.charAt(<位置>)；返回該字串位於第<位置>位的單個字元。注意：字串中的一個字元是第 0 位的，第二個才是第 1 位的，最後一個字元是第 length - 1 位的。
charCodeAt() 用法：<字串對象>.charCodeAt(<位置>)；返回該字串位於第<位置>位的單個字元的 ASCII 碼。
fromCharCode() 用法：String.fromCharCode(a, b, c...)；返回一個字串，該字串每個字元的 ASCII 碼由 a, b, c... 等來確定。
indexOf() 用法：<字串對象>.indexOf(<另一個字串對象>[, <起始位置>])；該方法從<字串對象>中尋找<另一個字串對象>（如果給出<起始位置>就忽略之前的位置），如果找到了，就返回它的位置，沒有找到就返回“-1”。所有的“位置”都是從零開始的。
lastIndexOf() 用法：<字串對象>.lastIndexOf(<另一個字串對象>[, <起始位置>])；跟 indexOf() 相似，不過是從後邊開始找。
split() 用法：<字串對象>.split(<分隔字元字元>)；返回一個數組，該數組是從<字串對象>中分離開來的，<分隔字元字元>決定了分離的地方，它本身不會包含在所返回的數組中。例如：'1&2&345&678'.split('&')返回數組：1,2,345,678。關於數組，我們等一下就討論。
substring() 用法：<字串對象>.substring(<始>[, <終>])；返回原字串的子字串，該字串是原字串從<始>位置到<終>位置的前一位置的一段。<終> - <始> = 返回字串的長度（length）。如果沒有指定<終>或指定得超過字串長度，則子字串從<始>位置一直取到原字串尾。如果所指定的位置不能返回字串，則返回Null 字元串。
substr() 用法：<字串對象>.substr(<始>[, <長>])；返回原字串的子字串，該字串是原字串從<始>位置開始，長度為<長>的一段。如果沒有指定<長>或指定得超過字串長度，則子字串從<始>位置一直取到原字串尾。如果所指定的位置不能返回字串，則返回Null 字元串。
toLowerCase() 用法：<字串對象>.toLowerCase()；返回把原字串所有大寫字母都變成小寫字串。
toUpperCase() 用法：<字串對象>.toUpperCase()；返回把原字串所有小寫字母都變成大寫的字串。

Array 數組對象。數組對象是一個對象的集合，裡邊的對象可以是不同類型的。數組的每一個成員對象都有一個“下標”，用來表示它在數組中的位置（既然是“位置”，就也是從零開始的啦）。
數組的定義方法：

var <數組名> = new Array();

這樣就定義了一個空數組。以後要添加數組元素，就用：

<數組名>[<下標>] = ...;

注意這裡的方括弧不是“可以省略”的意思，數組的下標表示方法就是用方括弧括起來。
如果想在定義數組的時候直接初始化資料，請用：

var <數組名> = new Array(<元素1>, <元素2>, <元素3>...);

例如，var myArray = new Array(1, 4.5, 'Hi'); 定義了一個數組 myArray，裡邊的元素是：myArray[0] == 1; myArray[1] == 4.5; myArray[2] == 'Hi'。
但是，如果元素列表中只有一個元素，而這個元素又是一個正整數的話，這將定義一個包含<正整數>個空元素的數組。
注意：JavaScript只有一維數組！千萬不要用“Array(3,4)”這種愚蠢的方法來定義 4 x 5 的二維數組，或者用“myArray[2,3]”這種方法來返回“二維數組”中的元素。任意“myArray[...,3]”這種形式的調用其實只返回了“myArray[3]”。要使用多維陣列，請用這種虛擬法：

var myArray = new Array(new Array(), new Array(), new Array(), ...);

其實這是一個一維數組，裡邊的每一個元素又是一個數組。調用這個“二維數組”的元素時：myArray[2][3] = ...;

屬性
length 用法：<數組對象>.length；返回：數組的長度，即數組裡有多少個元素。它等於數組裡最後一個元素的下標加一。所以，想添加一個元素，只需要：myArray[myArray.length] = ...。
方法
join() 用法：<數組對象>.join(<分隔字元>)；返回一個字串，該字串把數組中的各個元素串起來，用<分隔字元>置於元素與元素之間。這個方法不影響數組原本的內容。
reverse() 用法：<數組對象>.reverse()；使數組中的元素順序反過來。如果對數組[1, 2, 3]使用這個方法，它將使數組變成：[3, 2, 1]。
slice() 用法：<數組對象>.slice(<始>[, <終>])；返回一個數組，該數組是原數組的子集，始於<始>，終於<終>。如果不給出<終>，則子集一直取到原數組的結尾。
sort() 用法：<數組對象>.sort([<方法函數>])；使數組中的元素按照一定的順序排列。如果不指定<方法函數>，則按字母順序排列。在這種情況下，80 是比 9 排得前的。如果指定<方法函數>，則按<方法函數>所指定的排序方法排序。<方法函數>比較難講述，這裡只將一些有用的<方法函數>介紹給大家。
按升序排列數字：

function sortMethod(a, b) {
return a - b;
}

myArray.sort(sortMethod);

按降序排列數字：把上面的“a - b”該成“b - a”。
有關函數，請看下面。

Math “數學”對象，提供對資料的數學計算。下面所提到的屬性和方法，不再詳細說明“用法”，大家在使用的時候記住用“Math.<名>”這種格式。

屬性
E 返回常數 e (2.718281828...)。
LN2 返回 2 的自然對數 (ln 2)。
LN10 返回 10 的自然對數 (ln 10)。
LOG2E 返回以 2 為低的 e 的對數 (log2e)。
LOG10E 返回以 10 為低的 e 的對數 (log10e)。
PI 返回π（3.1415926535...)。
SQRT1_2 返回 1/2 的平方根。
SQRT2 返回 2 的平方根。
方法
abs(x) 返回 x 的絕對值。
acos(x) 返回 x 的反餘弦值（餘弦值等於 x 的角度），用弧度表示。
asin(x) 返回 x 的反正弦值。
atan(x) 返回 x 的反正切值。
atan2(x, y) 返回複平面內點(x, y)對應的複數的幅角，用弧度表示，其值在 -π 到 π 之間。
ceil(x) 返回大於等於 x 的最小整數。
cos(x) 返回 x 的餘弦。
exp(x) 返回 e 的 x 次冪 (ex)。
floor(x) 返回小於等於 x 的最大整數。
log(x) 返回 x 的自然對數 (ln x)。
max(a, b) 返回 a, b 中較大的數。
min(a, b) 返回 a, b 中較小的數。
pow(n, m) 返回 n 的 m 次冪 (nm)。
random() 返回大於 0 小於 1 的一個隨機數。
round(x) 返回 x 四捨五入後的值。
sin(x) 返回 x 的正弦。
sqrt(x) 返回 x 的平方根。
tan(x) 返回 x 的正切。

Date 日期對象。這個對象可以儲存任意一個日期，從 0001 年到 9999 年，並且可以精確到毫秒數（1/1000 秒）。在內部，日期對象是一個整數，它是從 1970 年 1 月 1 日零時正開始計算到日期對象所指的日期的毫秒數。如果所指日期比 1970 年早，則它是一個負數。所有日期時間，如果不指定時區，都採用“UTC”（世界時）時區，它與“GMT”（格林威治時間）在數值上是一樣的。
定義一個日期對象：

var d = new Date;

這個方法使 d 成為日期對象，並且已有初始值：目前時間。如果要自定初始值，可以用：

var d = new Date(99, 10, 1); //99 年 10 月 1 日
var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日

等等方法。最好的方法就是用下面介紹的“方法”來嚴格的定義時間。

方法
以下有很多“g/set[UTC]XXX”這樣的方法，它表示既有“getXXX”方法，又有“setXXX”方法。“get”是獲得某個數值，而“set”是設定某個數值。如果帶有“UTC”字母，則表示獲得/設定的數值是基於 UTC 時間的，沒有則表示基於本地時間或瀏覽期預設時間的。
如無說明，方法的使用格式為：“<對象>.<方法>”，下同。
g/set[UTC]FullYear() 返回/設定年份，用四位元表示。如果使用“x.set[UTC]FullYear(99)”，則年份被設定為 0099 年。
g/set[UTC]Year()返回/設定年份，用兩位元表示。設定的時候瀏覽器自動加上“19”開頭，故使用“x.set[UTC]Year(00)”把年份設定為 1900 年。
g/set[UTC]Month()返回/設定月份。
g/set[UTC]Date()返回/設定日期。
g/set[UTC]Day()返回/設定星期，0 表示星期天。
g/set[UTC]Hours()返回/設定小時數，24小時制。
g/set[UTC]Minutes()返回/設定分鐘數。
g/set[UTC]Seconds()返回/設定秒鐘數。
g/set[UTC]Milliseconds()返回/設定毫秒數。
g/setTime() 返回/設定時間，該時間就是日期對象的內部處理方法：從 1970 年 1 月 1 日零時正開始計算到日期對象所指的日期的毫秒數。如果要使某日期對象所指的時間延遲 1 小時，就用：“x.setTime(x.getTime() + 60 * 60 * 1000);”（一小時 60 分，一分 60 秒，一秒 1000 毫秒）。
getTimezoneOffset() 返回日期對象採用的時區與格林威治時間所差的分鐘數。在格林威治東方的市區，該值為負，例如：中國時區（GMT+0800）返回“-480”。
toString() 返回一個字串，描述日期對象所指的日期。這個字串的格式類似於：“Fri Jul 21 15:43:46 UTC+0800 2000”。
toLocaleString() 返回一個字串，描述日期對象所指的日期，用本地時間表示格式。如：“2000-07-21 15:43:46”。
toGMTString() 返回一個字串，描述日期對象所指的日期，用 GMT 格式。
toUTCString() 返回一個字串，描述日期對象所指的日期，用 UTC 格式。
parse() 用法：Date.parse(<日期對象>)；返回該日期對象的內部表達方式。

全域對象
全域對象從不現形，它可以說是虛擬出來的，目的在於把全域函數“對象化”。在 Microsoft JScript 語言參考中，它叫做“Global 對象”，但是引用它的方法和屬性從來不用“Global.xxx”（況且這樣做會出錯），而直接用“xxx”。

屬性
NaN 一早就說過了。
方法
eval() 把括弧內的字串當作標準語句或運算式來運行。
isFinite() 如果括弧內的數字是“有限”的（介於 Number.MIN_VALUE 和 Number.MAX_VALUE 之間）就返回 true；否則返回 false。
isNaN() 如果括弧內的值是“NaN”則返回 true 否則返回 false。
parseInt() 返回把括弧內的內容轉換成整數之後的值。如果括弧內是字串，則字串開頭的數字部分被轉換成整數，如果以字母開頭，則返回“NaN”。
parseFloat() 返回把括弧內的字串轉換成浮點數之後的值，字串開頭的數字部分被轉換成浮點數，如果以字母開頭，則返回“NaN”。
toString() 用法：<對象>.toString()；把對象轉換成字串。如果在括弧中指定一個數值，則轉換過程中所有數值轉換成特定進位。
escape() 返回括弧中的字串經過編碼後的新字串。該編碼應用於 URL，也就是把空格寫成“%20”這種格式。“+”不被編碼，如果要“+”也被編碼，請用：escape('...', 1)。
unescape() 是 escape() 的反過程。解編括弧中字串成為一般字串。

函數函數的定義
所謂“函數”，是有傳回值的對象或對象的方法。
函數的種類
常見的函數有：建構函式，如 Array()，能構造一個數組；全域函數，即全域對象裡的方法；自訂函數；等等。
自訂函數
定義函數用以下語句：

function 函數名([參數集]) {
...
[return[ <值>];]
...
}

其中，用在 function 之後和函數結尾的大括弧是不能省去的，就算整個函數只有一句。
函數名與變數名有一樣的起名規定，也就是只包含字母數字底線、字母排頭、不能與保留字重複等。
參數集可有可無，但括弧就一定要有。
參數 是函數外部向函數內部傳遞資訊的橋樑，例如，想叫一個函數返回 3 的立方，你就要讓函數知道“3”這個數值，這時候就要有一個變數來接收數值，這種變數叫做參數。
參數集是一個或多個用逗號分隔開來的參數的集合，如：a, b, c。
函數的內部有一至多行語句，這些語句並不會立即執行，而只當有其它程式調用它時才執行。這些語句中可能包含“return”語句。在執行一個函數的時候，碰到 return 語句，函數立刻停止執行，並返回到調用它的程式中。如果“return”後帶有<值>，則退出函數的同時返回該值。
在函數的內部，參數可以直接當作變數來使用，並可以用 var 語句來建立一些變數，但是這些變數都不能被函數外部的程序呼叫。要使函數內部的資訊能被外部調用，要麼使用“return”傳回值，要麼使用全域變數。
全域變數 在 Script 的“根部”（非函數內部）的“var”語句所定義的變數就是全域變數，它能在整個過程的任意地方被調用、更改。
例

function addAll(a, b, c) {
return a + b + c;
}

var total = addAll(3, 4, 5);

這個例子建立了一個叫“addAll”的函數，它有 3 個參數：a, b, c，作用是返回三個數相加的結果。在函數外部，利用“var total = addAll(3, 4, 5);”接收函數的傳回值。
更多的時候，函數是沒有傳回值的，這種函數在一些比較強調嚴格的語言中是叫做“過程”的，例如 Basic 類語言的“Sub”、Pascal 語言的“procedure”。

屬性
arguments 一個數組，反映外部程式調用函數時指定的參數。用法：直接在函數內部調用“arguments”。