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,后
有图有真相,不多解释了。