創建高級對象 · javascript詳解

| JScript? | [語言參考](#) | |-----|-----| # 創建高級對象 ### 使用構造函數來創建對象構造函數是一個函數，調用它來例示并初始化特殊類型的[對象](#)。可以使用 **new** 關鍵字來調用一個構造函數。下面給出了使用構造函數的新示例。 ~~~ var myObject = new Object(); // ~~~ 創建沒有屬性的通用對象。 ~~~ var myBirthday = new Date(1961, 5, 10); // ~~~ 創建一個 ~~~ Date ~~~ 對象。 ~~~ var myCar = new Car(); // ~~~ 創建一個用戶定義的對象，并初始化其屬性。通過構造函數將一個參數作為特定的 **this** 關鍵字的值傳遞給新創建的空對象。然后構造函數負責為新對象執行適應的初始化（創建屬性并給出其初始值）。完成后，構造函數返回它所構造的對象的一個參數。 ### 編寫構造函數可以使用 **new** 運算符結合像 **Object()**、**Date()** 和 **Function()** 這樣的預定義的構造函數來創建對象并對其初始化。面向對象的編程其強有力的特征是定義自定義構造函數以創建腳本中使用的自定義對象的能力。創建了自定義的構造函數，這樣就可以創建具有已定義屬性的對象。下面是自定義函數的示例（注意 **this **關鍵字的使用）。 ~~~ function Circle (xPoint, yPoint, radius) { this.x = xPoint; // ~~~ 圓心的 ~~~ x ~~~ 坐標。 ~~~ this.y = yPoint; // ~~~ 圓心的 ~~~ y ~~~ 坐標。 ~~~ this.r = radius; // ~~~ 圓的半徑。 } 調用 Circle 構造函數時，給出圓心點的值和圓的半徑（所有這些元素是完全定義一個獨特的圓對象所必需的）。結束時 Circle 對象包含三個屬性。下面是如何例示 Circle 對象。 ~~~ var aCircle = new Circle(5, 11, 99); ~~~ ### 使用原型來創建對象在編寫構造函數時，可以使用原型對象（它本身是所有構造函數的一個屬性）的屬性來創建繼承屬性和共享方法。原型屬性和方法將按引用復制給類中的每個對象，因此它們都具有相同的值。可以在一個對象中更改原型屬性的值，新的值將覆蓋默認值，但僅在該實例中有效。屬于這個類的其他對象不受此更改的影響。下面給出了使用自定義構造函數的示例，Circle（注意 **this** 關鍵字的使用）。 ~~~ Circle.prototype.pi = Math.PI; function ACirclesArea () { return this.pi * this.r * this.r; // ~~~ 計算圓面積的公式為 ~~~ ?r2 ~~~ 。 } ~~~ Circle.prototype.area = ACirclesArea; // ~~~ 計算圓面積的函數現在是 ~~~ Circle Prototype ~~~ 對象的一個方法。 ~~~ var a = ACircle.area(); // ~~~ 此為如何在 ~~~ Circle ~~~ 對象上調用面積函數。使用這個原則，可以給預定義的構造函數（都具有原型對象）定義附加屬性。例如，如果想要能夠刪除字符串的前后空格（與 VBScript 的 **Trim** 函數類似），就可以給 **String** 原型對象創建自己的方法。 ~~~ // ~~~ 增加一個名為 ~~~ trim ~~~ 的函數作為 ~~~ // String ~~~ 構造函數的原型對象的一個方法。 ~~~ String.prototype.trim = function() ~~~ ~~~ { ~~~ ~~~ // ~~~ 用正則表達式將前后空格 ~~~ // ~~~ 用空字符串替代。 ~~~ return this.replace(/(^\s*)|(\s*$)/g, ""); ~~~ ~~~ } ~~~ ~~~ // ~~~ 有空格的字符串 ~~~ var s = " leading and trailing spaces "; ~~~ ~~~ // ~~~ 顯示 ~~~ " leading and trailing spaces (35)" ~~~ ~~~ window.alert(s + " (" + s.length + ")"); ~~~ ~~~ // ~~~ 刪除前后空格 ~~~ s = s.trim(); ~~~ ~~~ // ~~~ 顯示 ~~~ "leading and trailing spaces (27)" ~~~ ~~~ window.alert(s + " (" + s.length + ")"); ~~~ [? 2000 Microsoft Corporation 版權所有。保留所有權利。使用規定。](#)