我原来的写法都是这样:
1 | function Dog(){ |
2 | this.name = 'hachi'; |
3 | } |
4 |
5 | Dog.prototype = { |
6 | makeNoise:function(){ |
7 | alert('wangwangwang'); |
8 | } |
9 | }; |
后来又看到另外一种复杂一点而且看起来好像没有必要的写法:
01 | function Dog(){ |
02 | var privateVariable = 'secret'; |
03 |
04 | var fn = function(){ |
05 | //... |
06 | } |
07 |
08 | fn.prototype = { |
09 | makeNoise:function(){ |
10 | alert('wangwangwang'); |
11 | } |
12 | } |
13 |
14 | return fn; |
15 | } |
这里的Dog函数其实是一个 制造类 的函数,它返回了真正的Dog类。
感觉这样做的好处是更好的实现了封装。
例如这里的privateVariable就是一个私有变量:
1 | var d = new Dog; |
2 | d.privateVariable //undefined |
另外如果在第一个例子的最后加上一句:
1 | Dog.prototype = { |
2 | //e...WTF?? |
3 | } |
这样Dog就不是Dog了~
后来的理解:
上面这样新建类的方法直接重写了prototype对象。这样prototype原本内置的属性就没有了(arguments, call, apply等)。
下面这种新建类的方法好像更好一些:
1 | var Dog = function(name){ |
2 | this.name = name; |
3 | var privateVariable = 'you cannot see me.'; |
4 | this.getPrivate = function(){return privateVariable;}; |
5 | } |
时间: 2024-10-29 03:08:30