首页 > 代码库 > 简述JavaScript的类与对象

简述JavaScript的类与对象

2024-08-02 10:39:57   216人阅读

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

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

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

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

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

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

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

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

2. 类的扩展

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

01function fruit(name, color)
02{
03    // public variable
04    this.name = name;
05    this.color = color;
06}
07var apple = new fruit(‘apple‘, ‘red‘);
08var orange = new fruit(‘orange‘, ‘yellow‘);
09//apple.gender = ‘undefined‘
10fruit.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不能像其他语言的静态属性一样直接是用类名来访问：

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

只能这样：

1fruit.prototype.gender    // 值为 1

3. 对象与数组的关系

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

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

简述JavaScript的类与对象


联系
我们