JavaScript 类 普通属性与类属性

JavaScript 类 普通属性与类属性

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，后

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

posted on 2010-08-12 18:22  treeman 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/treeman/archive/2010/08/12/1798353.html