JavaScrip的类(自己整理)
来源:互联网 发布:java fileoutputstream 编辑:程序博客网 时间:2024/05/16 19:00
类是什么?
许多刚接触编程的朋友都可能理解不了类,其实类是对我们这个现实世界的模拟,把它说成“类别”或者“类型”可能会更容易理解一些。比如“人”这种动物就是一个类,而具体某一个人就是“人”这个类的一个实例,“人”可以有许多实例(地球人超过六十亿了),但“人”这个类只有一个。你或许会说那男人和女人不也是人么?怎么只能有一个?其实这里要谈到一个继承的东西,后边才讲,请继续看下去。
如何建立一个类?
在C++中是以class来声明一个类的,JavaScript与C++不同,它使用了与函数一样的function来声明,这就让许多学Jscript的朋友把类与函数混在一起了,在Jscript中函数与类确实有些混,但使用久了自然而然会理解,这篇文章是针对想进攻面向对象编程的朋友而写,就不打算一下子讨论得太深了。
请看下边这个类的定义:
上边的代码定义了一个WuYouUser(无忧用户)类,它有个属性:Name(名字)。Name就是WuYouUser类的一个属性。
一个类有固定的属性,但类的实例却有不同的属性值,就像我是属于“人”这个类的,性别是男,而我有一个女同学,她也属于“人”类,但她的性别属性值却为女。
那么如何声明某个类的一个实例呢?非常简单
1,类的属性
这个Wo(我)就是WuYouUser类的一个实例,它拥有WuYouUser给它的一切:Name属性、Sex属性以及Age属性,我们可以这样子来设置它的属性:
Wo.Name = "泣红亭";
很简单是不是?试着运行
window.document.write(Wo.Name);
看看,是不是输出了我的名字:泣红亭?
同样设置一下碧原兄的属性
Biyuan.Name = "碧原";
运行
window.document.write(Biyuan.Name);
可以看到输出了"碧原",也就说明了Biyuan与Wo同样是WuYouUser类的实例,但却是不同的实体,具有不同的属性值。
属性是可以设置默认值的,无忧里都有记录大家各自发了多少贴子,我们也同样给WuYouUser类添加一个发贴数量的属性ArticleCount
一个无忧新用户刚注册完之后他的发贴数量为0,在上边的代码中可以看到直接给属性ArticleCount设置值为0。
可以运行一下这样的代码: 可以看到输出了0,说明ArticleCount属性被我们成功设置默认值为0
2,类的方法
方法这个词不大好理解,我觉得说成行为会更容易理解。一个人具有许多共同的行为,比如睡觉、吃饭、走路等等,现在我们给WuYouUser类添加一个发贴的方法。 既然定义好了这个方法,我们来试试效果如何: 可以看到输出了1,说明我们发贴成功了!真是有历史纪念意义的一刻,离恐龙等级又近一步了。
3,静态属性
静态属性又称公共属性,它不属于某个类的实例,而是直接属于某个类。
比如说无忧用户有一个属性:注册用户的数量,它是属于整个无忧用户的,而不是属于泣红亭或者谁的
静态属性的声明方法是:
类名.prototype.属性名=属性值;
比如给WuYouUser类定义一个注册用户的数量Count:
WuYouUser.prototype.Count=0;
那么如何读取它呢?有两种方法:
1.直接用WuYouUser.prototype.Count
2.使用Wo.Count
这两者没有区别,都是得到0
虽然读取方法可以有两种,但在改变它的时候却得特别小心了,请看下边代码
你会发现两者的Count属性都是1,也就是说WuYouUser.prototype.Count改变了会影响到各个实例的相应属性,其实原理就是Wo、Biyuan的Count属性与WuYouUser.prototype.Count根本就是同一个!
现在来看另外一段代码:
可以看到如果直接修改实例的静态属性值,那么会出现其它实例甚至类的静态属性与它不同步了?这是因为直接修改的时候,该实例会生成一个属于该实例的属性Count,这个时候Biyuan.Count不再与WuYouUser.prototype.Count是同一个了,也不与Wo.Count是同一个,这个Count属性是属于Biyuan自己所有的,以后改变了它也只是影响它自己而已。
因此如果不是特别的需要,建议不管在读取还是赋值的时候,都统一使用WuYouUser.prototype.Count这样的方式,以做到万无一失!
4,静态方法
与静态属性相似,它也有个另称:公共方法,同样属于类本身的。
静态方法的定义方式是:
类名.方法名=function(参数1,参数2...参数n)
{
//方法代码
}
我们现在就来定义一个无忧用户类的注册新用户静态方法:
现在我们来看看如何用它,同样有两种方法:
1.直接使用WuYouUser.prototype.AddOne()
2.使用某实例的AddOne()
这两种方法没有什么不同:
可以看出不管是使用Wo.AddOne()还是WuYouUser.prototype.AddOne()效果都是一样的,都是给WuYouUser.prototype.Count加上1
现在再看一段代码:
可以看到Wo.Name确实已经变成了"郑运涛",这个方法似乎是可以用的,但里边是不是内有天机呢?
再看下边的代码,类的定义以及ChangeName的定义我们照样,但改变一下下边的代码:
可以看到我们并没有定义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当作参数传进去:
许多刚接触编程的朋友都可能理解不了类,其实类是对我们这个现实世界的模拟,把它说成“类别”或者“类型”可能会更容易理解一些。比如“人”这种动物就是一个类,而具体某一个人就是“人”这个类的一个实例,“人”可以有许多实例(地球人超过六十亿了),但“人”这个类只有一个。你或许会说那男人和女人不也是人么?怎么只能有一个?其实这里要谈到一个继承的东西,后边才讲,请继续看下去。
如何建立一个类?
在C++中是以class来声明一个类的,JavaScript与C++不同,它使用了与函数一样的function来声明,这就让许多学Jscript的朋友把类与函数混在一起了,在Jscript中函数与类确实有些混,但使用久了自然而然会理解,这篇文章是针对想进攻面向对象编程的朋友而写,就不打算一下子讨论得太深了。
请看下边这个类的定义:
- function WuYouUser() {
- this.Name; //名字
- }
一个类有固定的属性,但类的实例却有不同的属性值,就像我是属于“人”这个类的,性别是男,而我有一个女同学,她也属于“人”类,但她的性别属性值却为女。
那么如何声明某个类的一个实例呢?非常简单
- var Wo = new WuYouUser(); //实例一:“我”
- var Biyuan = new WuYouUser(); //实例二:“碧原”(Biyuan哥,不好意。。。嘿嘿)
这个Wo(我)就是WuYouUser类的一个实例,它拥有WuYouUser给它的一切:Name属性、Sex属性以及Age属性,我们可以这样子来设置它的属性:
Wo.Name = "泣红亭";
很简单是不是?试着运行
window.document.write(Wo.Name);
看看,是不是输出了我的名字:泣红亭?
同样设置一下碧原兄的属性
Biyuan.Name = "碧原";
运行
window.document.write(Biyuan.Name);
可以看到输出了"碧原",也就说明了Biyuan与Wo同样是WuYouUser类的实例,但却是不同的实体,具有不同的属性值。
属性是可以设置默认值的,无忧里都有记录大家各自发了多少贴子,我们也同样给WuYouUser类添加一个发贴数量的属性ArticleCount
- function WuYouUser() {
- this.Name; //名字
- this.ArticleCount = 0;
- }
可以运行一下这样的代码:
- var Wo = new WuYouUser();
- window.document.write(Wo.ArticleCount);
2,类的方法
方法这个词不大好理解,我觉得说成行为会更容易理解。一个人具有许多共同的行为,比如睡觉、吃饭、走路等等,现在我们给WuYouUser类添加一个发贴的方法。
- function WuYouUser() {
- this.Name; //名字
- this.ArticleCount = 0;
- this.NewArticle = function() {
- /*
- *具体如何发贴我们大家都知道,不就是打打字,加加图片再按一下保存之类的按钮么?
- *关于具体如何发贴的代码没有必要在这里写出来,我们要了解的仅仅是方法的定义与使用
- *我们在这里实现一个最简单的功能,也是很重要的功能:给我们的发贴数量加上1!
- *注意:恐龙等级就是这样加出来的,因此呀……大家狂发贴吧。。。
- */
- this.ArticleCount++;
- }
- }
- var Wo = new WuYouUser();
- Wo.NewArticle();
- document.write(Wo.ArticleCount);
3,静态属性
静态属性又称公共属性,它不属于某个类的实例,而是直接属于某个类。
比如说无忧用户有一个属性:注册用户的数量,它是属于整个无忧用户的,而不是属于泣红亭或者谁的
静态属性的声明方法是:
类名.prototype.属性名=属性值;
比如给WuYouUser类定义一个注册用户的数量Count:
WuYouUser.prototype.Count=0;
那么如何读取它呢?有两种方法:
1.直接用WuYouUser.prototype.Count
2.使用Wo.Count
这两者没有区别,都是得到0
虽然读取方法可以有两种,但在改变它的时候却得特别小心了,请看下边代码
- varBiyuan=newWuYouUser();
- WuYouUser.prototype.Count++;
- document.write(Wo.Count);
- document.write(Biyuan.Count);
现在来看另外一段代码:
- var Biyuan=newWuYouUser();
- Biyuan.Count++;//特别注意一下这里,这是直接改变Biyuan的Count属性
- document.write(Biyuan.Count);//输出1
- document.write(WuYouUser.prototype.Count);//输出0
- document.write(Wo.Count);//同样输出0,为什么?
因此如果不是特别的需要,建议不管在读取还是赋值的时候,都统一使用WuYouUser.prototype.Count这样的方式,以做到万无一失!
4,静态方法
与静态属性相似,它也有个另称:公共方法,同样属于类本身的。
静态方法的定义方式是:
类名.方法名=function(参数1,参数2...参数n)
{
//方法代码
}
我们现在就来定义一个无忧用户类的注册新用户静态方法:
- WuYouUser.prototype.AddOne=function() {
- //***同样具体代码不写出来,给静态属性Count增加1,表示注册用户数量又多一个
- WuYouUser.prototype.Count++;
- }
1.直接使用WuYouUser.prototype.AddOne()
2.使用某实例的AddOne()
这两种方法没有什么不同:
- varWo=newWuYouUser();
- varBiyuan=newWuYouUser();
- document.write(WuYouUser.prototype.Count);//0
- Wo.AddOne();
- document.write(WuYouUser.prototype.Count);//1
- document.write(Wo.Count);//1
- document.write(Biyuan.Count);//1
- WuYouUser.prototype.AddOne();
- document.write(WuYouUser.prototype.Count);//2
- document.write(Wo.Count);//2
- document.write(Biyuan.Count);//2
现在再看一段代码:
- functionNewClass() {//由于上边的WuYouUser类不合适当这个例子的代码,我声明了一个新类NewClass
- this.Name="泣红亭";//这里默认值为我的名字
- }
- NewClass.prototype.ChangeName=function(NewName) {
- this.Name=NewName;
- }
- varWo=newNewClass();
- Wo.ChangeName("郑运涛");//我的真名
再看下边的代码,类的定义以及ChangeName的定义我们照样,但改变一下下边的代码:
- NewClass.prototype.ChangeName("郑运涛");
- document.write(NewClass.Name);//undefined,即未定义
- document.write(NewClass.prototype.Name);//郑运涛
- varWo=newNewClass();
- document.write(Wo.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;
- }
- JavaScrip的类(自己整理)
- JavaScrip创建自己的对象
- JavaScrip学习笔记 类的定义
- 自己整理的指令
- 自己整理的单链表
- 自己整理的数据
- 自己整理的网址
- javaScrip的模拟继承
- javascrip 常见的操作
- javascrip 的 date
- Javascrip的应用
- javascrip
- javascrip
- javascrip
- JavaScrip
- JavaScrip
- javascrip
- javaScrip类构造函数的几种继承方法
- Asterisk功能说明及基本呼叫流程
- 2008.09.11 晴
- 戊子中秋回友人
- gcc中格式化输出函数的研究
- 男人和女人的经典误会
- JavaScrip的类(自己整理)
- 让Windows2003在“内存”中运行
- 快乐人生.
- 原创IE无法打开javascript链接(点击无反应)的解决办法
- 提高计算机速度-在需要时启动服务
- head中预定义css
- 保护隐私:Windows八大保密技巧
- informix 从文本导入海量数据(informix load)
- 凡事预则立,不预则废