快速业务通道

JavaScript类

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07
2
  document.write(Wo.Count); // 2
  document.write(Biyuan.Count); // 2
  
  可以看出不管是使用Wo.AddOne()还是WuYouUser.prototype.AddOne()效果都是一样的,都是给WuYouUser.prototype.Count加上1
  
  现在再看一段代码:
  function NewClass() //由于上边的WuYouUser类不合适当这个例子的代码,我声明了一个新类NewClass
  {
    this.Name = "泣红亭"; //这里默认值为我的名字
  }
  
  NewClass.prototype.ChangeName = function(NewName)
  {
    this.Name = NewName;
  }
  
  var Wo = new NewClass();
  Wo.ChangeName("郑运涛"); //我的真名
  
  可以看到Wo.Name确实已经变成了"郑运涛",这个方法似乎是可以用的,但里边是不是内有天机呢?
  再看下边的代码,类的定义以及ChangeName的定义我们照样,但改变一下下边的代码:
  
  NewClass.prototype.ChangeName("郑运涛");
  document.write(NewClass.Name); //undefined,即未定义
  document.write(NewClass.prototype.Name); //郑运涛
  var Wo = new NewClass();
  document.write(Wo.Name); //泣红亭
  
  可以看到我们并没有定义NewClass.prototype.Name这个静态属性,但编译器给我们自己加了一个。
  可是再看下边输出Wo.Name,它并不是为"郑运涛",而是原来的默认值"泣红亭",说明了什么?
  其实很简单,看一下NewClass的定义里已经有Name这个属性,因此Wo也有自己的Name属性,它跟NewClass.prototype.Name并不是同一个的,因此就还是那样子。
  
  那为什么前一个例子运行了Wo.ChangeName("郑运涛")却能够实现改变Wo.Name属性呢?其实在这里跟改变Wo.Count的值是同一个道理,编译器自动给Wo增加了一个方法ChangeName,这个方法代码与NewClass.prototype.ChangeName一样,但 Wo.ChangeName是Wo这个实例所特有的,而非NewClass.prototype.ChangeName!
  
  分析可知道在静态方法里尽量不要使用this这样的关键字来引用实例本身的属性,除非你有特别的目的,而且能够清楚地明白这里边的运行机制!
  
  如果真的需要在静态方法里使用this,可以直接把this当作参数传进去:
  
  NewClass.ChangeName = function(This,NewName) //注意这里是This,不是this
  {
    This.Name = NewName;
  }
  

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站: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号