现在的位置: 首页 > 综合 > 正文

JavaScript 类 普通属性与类属性

2012年04月14日 ⁄ 综合 ⁄ 共 563字 ⁄ 字号 评论关闭

JavaScript中的类是很绕口的一样东西。

首先,JS中,一个类其实就是一个函数。废话不多说,先来一个例子。

c = function() {}

c.prototype
= {
c2:
1,
c1:
function() {}
}

var a = new c();
var b = new c();

 

a和b就是c的对象。

如果访问a.c2和b.c2就会获得同样的值:1。访问c1方法也是一样的结果。

这时候,如果执行:a.c2 = 2。那么b.c2是否会受到影响呢?答案是不会的,b.c2的值仍然保持为1。所以c2就是一个普通属性。

 

那如果我们想实现一个静态属性或者静态方法该如何做呢?

首先说明,JS中式没有静态属性一说的,假如要做一个类似的东西出来的话,就要借助JS中的Prototype。

①定义不变,跟上面的例子一样。

②使用的时候有区别。如果想把c2作为静态属性来用的话,就需要这样:a.__proto__.c2 = 2,那么这是b.__proto__.c2也等于2。(或者可以直接这样赋值:c.prototype.c2 = 2,也是一样的效果)

静态方法也是类似的。

 

那就有一个问题了,如果我又为a.c2赋值,又为a.__proto__.c2赋值呢?

这个不多解释,看截图就明白了。

①初始状态:

②执行:a.c2 = 2,后

③执行:a.__proto__c2 = 3,后

有图有真相,不多解释了。

抱歉!评论已关闭.