简述JavaScript的类与对象

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的方式访问，从风格上讲更像面向对象的风格，但是是用数组方位在某些遍历对象的时候很是方便。