关于js中this 和 prototype的 理解。

         最近 写了一阵子 js 。从一个啥也不懂的超级菜鸟。然后 用了一些开源库。 发展到写代码。 也只是 一大堆 乱七八糟的 实现功能就行。 再到现在开始 约束自己。写成类。 写封装。  学着写类的时候。 对于 this 和prototype的区别 总是不能理解。 今天闲下来 就自己测试 研究了一下。

        首先 经常看到的说法是 prototype 是全局的。公共的。  比如：

 function Test(){
    test.prototype.name=1;
  this.name2=2;};




这个简单的例子中。每新建一个test实例。都会 给name2 新分配一个空间。 而 name 永远是全局的 只有一个。 


本着这个思想 我开始写了一个小例子测试了一下。



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);
我期望的 结果是  1,2  ；3,4；3,2；  可惜不是。结果是1,2；3,4；1,2；

我就在想 不是说prototype是全局的嘛。改变了 就应该改变了啊。 于是打开调试工具。但不执行。 我们可以看见 观察test1和test2的组成 如下图



在看看 执行过
test1.name=3;
test1.name2=4;
之后 test1和test2 的组成


可以看见 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 中。  比如一些 函数等。 可以大大降低性能消耗。