最近 写了一阵子 js 。从一个啥也不懂的超级菜鸟。然后 用了一些开源库。 发展到写代码。 也只是 一大堆 乱七八糟的 实现功能就行。 再到现在开始 约束自己。写成类。 写封装。 学着写类的时候。 对于 this 和prototype的区别 总是不能理解。 今天闲下来 就自己测试 研究了一下。
首先 经常看到的说法是 prototype 是全局的。公共的。 比如:
function Test(){
this.name2=2;};test.prototype.name=1;
这个简单的例子中。每新建一个test实例。都会 给name2 新分配一个空间。 而 name 永远是全局的 只有一个。
本着这个思想 我开始写了一个小例子测试了一下。
我期望的 结果是 1,2 ;3,4;3,2; 可惜不是。结果是1,2;3,4;1,2;var test1=new Test(); var test2=new Test(); alert('第一次: name:'+test1.name+'; name1::'+test1.name2); test1.name=3; test1.name2=4; alert('第一次: name:'+test1.name+'; name1::'+test1.name2); alert('第一次: name:'+test2.name+'; name1::'+test2.name2);
我就在想 不是说prototype是全局的嘛。改变了 就应该改变了啊。 于是打开调试工具。但不执行。 我们可以看见 观察test1和test2的组成 如下图
在看看 执行过
之后 test1和test2 的组成test1.name=3; test1.name2=4;
可以看见 test1上面多出了一个name 。于是问题找到了。 对于prototype来说。 直接用test1.name来访问 如果this没有这个变量 就访问 proto中的。 如果有就访问 this中的。 而对于 test1.name的写入。 一直写的是this中的。 而要实现上面我想要的结果 代码必须写成
function Test(){ Test.prototype.name=1; this.name2=2; } var test1=new Test(); var test2=new Test(); alert('第一次: name:'+test1.name+'; name1::'+test1.name2); Test.prototype.name=3; test1.name2=4; alert('第一次: name:'+test1.name+'; name1::'+test1.name2); alert('第一次: name:'+test2.name+'; name1::'+test2.name2);
所以说 prototype 的确是相当于全局的。对于一些单例的需求。 可以定义成prototype 中。 比如一些 函数等。 可以大大降低性能消耗。