JavaScript创建高级对象具体步骤
创始人
2024-07-15 13:00:40
0

你对JavaScript创建高级对象的方法是否了解,这里通过实例向大家描述一下,相信本文介绍一定会让你有所收获。

JavaScript创建高级对象

1)使用构造函数创建对象的实例

  在JAVASCRIPT中构造函数和其它面向对象的语言一样,不可以直接调用,在用new关键字创建一个对象时自动的调用.

  以下是JAVASCRIPT中使用构造函数的新示例。

  1. varmyObject=newObject();//创建没有属性的通用对象。  
  2. varmyBirthday=newDate(1961,5,10);//创建一个Date对象。  
  3. varmyCar=newCar();//创建一个用户定义的对象,并初始化其属性。 

编写构造函数

  可以使用new运算符结合像Object()、Date()和Function()这样的预定义的构造函数来创建对象并对其初始化。

  面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。

  创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。

  下面是自定义函数的示例(注意this关键字的使用)。

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

  调用Circle构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。

  结束时Circle对象包含三个属性。下面是如何例示Circle对象。

  varaCircle=newCircle(5,11,99);
  
2)使用原型来创建对象

  在JAVASCRIPT中可以采用prototype关键字来为对象创新成员函数和属性,可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。

  下面给出了使用自定义构造函数的示例,Circle(注意this关键字的使用)。

  1. Circle.prototype.pi=Math.PI;  
  2. functionACirclesArea(){  
  3. returnthis.pi*this.r*this.r;//计算圆面积的公式为?r2。  
  4. }  
  5. Circle.prototype.area=ACirclesArea;
  6. //计算圆面积的函数现在是CirclePrototype对象的一个方法。  
  7. vara=ACircle.area();//此为如何在Circle对象上调用面积函数。 

下面的示例是String对象中采用原型来定义的一个实例方法.

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

3)定义类的静态成员

  在JAVASCRIPT中定义类的静态成员可以直接如此定义

  例如我如果要在类中定义一个静态方法以便返回类的实例.

  可以先定一个createNew将一个方法对象附给它:

  SplitterBar.createNew=_createnew;

  以下是方法的实例: 

  1. function_cretaenew()  
  2. {  
  3. varbar=newSplitterBar();  
  4. returnbar;  

【编辑推荐】

  1. 详细说明Javascript匿名函数技巧与文章
  2. JavaScript函数的定义及形式参数
  3. C#代码与JavaScript函数的相互调用
  4. JavaScript函数中arguments对象
  5. Javascript中CSS属性float特殊写法

 

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...