快速业务通道

JavaScript类

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07
lert("这是B类的Show方法");
    }
    alert(this.Name);
  }
  
  var Obj = new B();
  Obj.Show();
  
  结果出现了三次警告窗口,第一个内容为泣红亭,是执行A类的构造函数里的alert(this.Name),那时候Name属性值还为"泣红亭",因为 B类的构造函数还没执行,第二次内容为"郑运涛",这是B类里的alert(this.Name),因为B类的构造函数里给Name重赋值为"郑运涛"。最后是调用了Obj.Show(),执行了不是A类的Show方法里的Show(显示"这是A类的Show方法"),而是执行了B类的Show(显示"这是B类的Show方法"),很明显Show方法被重写了。

类作为一个对象时的属性与方法(不知道如何简洁地表达,因此用了这么长的题目)

  不知道在这里谈这个话题是否有点混人耳目,但又觉得不谈这篇文章就不算完整,因为文章目的就是要让人搞清楚类的方方面面。
  
  看了这一小节的题目,或许你会觉得奇怪,类就是类,怎么会“作为一个对象”呢?在JavaScript里,一切都是对象,包括类!对象可以有属性,可以有方法,类也同样可以有,但这个非常容易跟前边说到的静态属性与静态方法搞混了,因此要仔细看清楚两者的分别!
  
  定义一个类:
  function WuYouUser()
  {
    this.Name = "泣红亭";
  }
  
  定义类作为一个对象时的属性:
  
  WuYouUser.Url = "http://www.webjx.com"; //静态属性的定义是:WuYouUser.prototype.Url = "http://www.webjx.com";
  var Wo = new WuYouUser();
  document.write(WuYouUser.Url); //http://www.webjx.com
  document.write(Wo.Url); //undefined,即未定义!注意这里的未定义
  
  从这里可以看出Url这个属性是WuYouUser自个所有,改变了它与其它类以及它的子类完全无关!
  
  引用类的属性只有一个办法,就是类名.属性名,改变它也一样。
  
  定义类作为一个对象时的方法:
  
  WuYouUser.ChangeUrl = function()
  {
    this.Url = "http://webjx.com";
  }
  
  你或许会觉得奇怪,这里的this是什么?因为ChangeUrl这个方法是属于对象WuYouUser的,因此this指的就是WuYouUser本身!
  
  可以运行下边的代码试试:
  
  document.write(WuYouUser.Url); // http://www.webjx.com
  WuYouUser.ChangeUrl

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号