广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    JavaScript高级对象的创建

    2018-04-03 22:13:18 次阅读 稿源:互联网
    零七广告

    使用构造函数来创建对象

    构造函数是一个函数,调用它来例示并初始化特殊类型的。可以使用 new 关键字来调用一个构造函数。下面给出了使用构造函数的新示例。

    1. var myObject = new Object();             // 创建没有属性的通用对象。 
    2. var myBirthday = new Date(1961, 5, 10);  // 创建一个 Date 对象。 
    3. var myCar = new Car();                   // 创建一个用户定义的对象,并初始化其属性。 

    通过构造函数将一个参数作为特定的 this 关键字的值传递给新创建的空对象。然后构造函数负责为新对象执行适应的初始化(创建属性并给出其初始值)。完成后,构造函数返回它所构造的对象的一个参数。

    编写构造函数

    可以使用 new 运算符结合像 Object()Date()Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。下面是自定义函数的示例(注意 this 关键字的使用)。

    1. function Circle (xPoint, yPoint, radius) {     this.x = xPoint;  // 圆心的 x 坐标。 
    2.     this.y = yPoint;  // 圆心的 y 坐标。 
    3.     this.r = radius;  // 圆的半径。 

    调用 Circle 构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。

    1. var aCircle = new Circle(5, 11, 99); 

    使用原型来创建对象

    在编写构造函数时,可以使用原型对象(它本身是所有构造函数的一个属性)的属性来创建继承属性和共享方法。原型属性和方法将按引用复制给类中的每个对象,因此它们都具有相同的值。可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。

    1. Circle.prototype.pi = Math.PI; function ACirclesArea () {     return this.pi * this.r * this.r; // 计算圆面积的公式为 ?r2。 
    2. Circle.prototype.area = ACirclesArea; // 计算圆面积的函数现在是 Circle Prototype 对象的一个方法。 
    3. var a = ACircle.area();               // 此为如何在 Circle 对象上调用面积函数。 

    使用这个原则,可以给预定义的构造函数(都具有原型对象)定义附加属性。例如,如果想要能够删除字符串的前后空格(与 VBScript 的 Trim 函数类似),就可以给 String 原型对象创建自己的方法。

    1. // 增加一个名为 trim 的函数作为 
    2. // String 构造函数的原型对象的一个方法。 
    3. String.prototype.trim = function() 
    4.     // 用正则表达式将前后空格 
    5.     // 用空字符串替代。 
    6.     return this.replace(/(^/s*)|(/s*$)/g, ""); 
    7.  
    8. // 有空格的字符串 
    9. var s = "    leading and trailing spaces    "
    10.  
    11. // 显示 "    leading and trailing spaces     (35)" 
    12. window.alert(s + " (" + s.length + ")"); 
    13.  
    14. // 删除前后空格 
    15. s = s.trim(); 
    16. // 显示"leading and trailing spaces (27)" 
    17. window.alert(s + " (" + s.length + ")"); 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告