«
JavaScript创建高级对象

时间:2008-5-31    作者:Deri    分类: 分享


   <p>  1)使用构造函数创建对象的实例 </p><p>  在JAVASCRIPT中构造函数和其它面向对象的语言一样,不可以直接调用,在用 new 关键字创建一个对象时自动的调用. </p><p>  以下是JAVASCRIPT中使用构造函数的新示例。 </p><p><code>var myObject = new Object(); // 创建没有属性的通用对象。<br />var myBirthday = new Date(1961, 5, 10); // 创建一个 Date 对象。<br />var myCar = new Car(); // 创建一个用户定义的对象,并初始化其属性。</code></p><p>  编写构造函数 </p><p>  可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。 </p><p>  面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。</p><p>  创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。 </p><p>  下面是自定义函数的示例(注意 this 关键字的使用)。 </p><p><code>function Circle (xPoint, yPoint, radius) {<br />this.x = xPoint; // 圆心的 x 坐标。<br />this.y = yPoint; // 圆心的 y 坐标。<br />this.r = radius; // 圆的半径。<br />}</code></p><p>  调用 Circle 构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。 </p><p>  结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。 </p><p>  var aCircle = new Circle(5, 11, 99); </p><p>  2)使用原型来创建对象 </p><p>  在JAVASCRIPT中可以采用prototype关键字来为对象创新成员函数和属性,可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。</p><p>  下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。</p><p><code>Circle.prototype.pi = Math.PI;<br />function ACirclesArea () {<br />return this.pi * this.r * this.r; // 计算圆面积的公式为 ?r2。<br />}<br />Circle.prototype.area = ACirclesArea; // 计算圆面积的函数现在是 Circle Prototype 对象的一个方法。<br />var a = ACircle.area(); // 此为如何在 Circle 对象上调用面积函数。<br />下面的示例是String对象中采用原型来定义的一个实例方法.<br />// 增加一个名为 trim 的函数作为<br />// String 构造函数的原型对象的一个方法。<br />String.prototype.trim = function()<br />{<br />// 用正则表达式将前后空格<br />// 用空字符串替代。<br />return this.replace(/(^s*) (s*$)/g, "");<br />}<br />// 有空格的字符串<br />var s = " leading and trailing spaces ";<br />// 显示 " leading and trailing spaces (35)"<br />window.alert(s + " (" + s.length + ")");<br />// 删除前后空格<br />s = s.trim();<br />// 显示"leading and trailing spaces (27)"<br />window.alert(s + " (" + s.length + ")");</code></p><p>  3)定义类的静态成员 </p><p>  在JAVASCRIPT中定义类的静态成员可以直接如此定义</p><p>  例如我如果要在类中定义一个静态方法以便返回类的实例.</p><p>  可以先定一个createNew将一个方法对象附给它:</p><p>  SplitterBar.createNew = _createnew; </p><p>  以下是方法的实例: </p><p><code>function _cretaenew()<br />{<br />var bar=new SplitterBar();<br />return bar;<br />}</code></p>