码迷,mamicode.com
首页 > 编程语言 > 详细

简述JavaScript的类与对象

时间:2014-11-16 17:13:17      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:http   io   color   ar   使用   sp   java   div   on   

JavaScript语言是动态类型的语言,基于对象并由事件驱动。用面向对象的思想来看,它也有类的概念。JavaScript 没有class关键字,就是用function来实现。

1. 实现方式及变量/方法访问域控制

1 function fruit(name, color)
2 {
3     // public variable
4     this.name = name;
5     this.color = color;
6 }

用this来标识变量或方法是public。兴城市费永礼品

1 var apple = new fruit(‘apple‘‘red‘);

跟其他大多数语言一样是用 new 关键字来实例化一个类的对象。这样 apple.name 的值就是 ‘apple‘。内部变量则使用var关键字:

1 function book()
2 {
3     var subject = "welcome to nowamagic.net";   
4 }
5 var b1 = new book();

这个时候访问b1.subject,得到的结果是"undefined"。

2. 类的扩展

JavaScript是动态语言,因此我们可以在类创建之后再给他添加属性(field)或方法。具体做法就是使用prototype:

01 function fruit(name, color)
02 {
03     // public variable
04     this.name = name;
05     this.color = color;
06 }
07 var apple = new fruit(‘apple‘‘red‘);
08 var orange = new fruit(‘orange‘‘yellow‘);
09 //apple.gender = ‘undefined‘
10 fruit.prototype.gender=1;
11 //apple.gender = 1
12 //orange.gender = 1
13 //fruit.prototype.gender = 1

可以看到变量apple, orange都有了gender的属性,且值为1。

也有人把prototype扩展的内容称之为静态方法或属性,我认为这样称呼有些不太合适,因为静态的内容是不能通过对象来访问的,这里则可以,且如果更改apple.gender,不会影响orange.gender的值。另一个理由这里的gender不能像其他语言的静态属性一样直接是用类名来访问:

1 apple.gender = 1   //error : student.gender undefined

只能这样:

1 fruit.prototype.gender    // 值为 1

3. 对象与数组的关系

1 var tom = {};
2 //typeof(tom)  //object
3 tom[‘Email‘]=‘qq@qq.com‘;
4 // tom.Email  值为 ‘qq@qq.com‘
5 tom.Website="www.nowamagic.net";
6 // tom["Website"] 值为 "www.nowamagic.net"

由此可以见对象的field可以通过数组的方式访问,反之亦然。使用field的方式访问,从风格上讲更像面向对象的风格,但是是用数组方位在某些遍历对象的时候很是方便。

简述JavaScript的类与对象

标签:http   io   color   ar   使用   sp   java   div   on   

原文地址:http://www.cnblogs.com/xiaoyang002/p/4101497.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!