JS-prototype的掌握

先看例子：

function person(name){

this.name=name;

}

var jack=new person("jack");

alert(jack.name) //jack

alert(jack.prototype) //undifined

alert(typeof person.prototype) //object

alert(person.protoytpe.constructor) //function person(name){..}

结论:

function定义的这个Person就是一个Object(对象),而且还是一个很特殊的对象，

这个使用function定义的对象与使用new操作符生成的对象之间有一个重要的区别。

这个区别就是:

function定义的对象有一个prototype属性，

new生成的对象就没有这个prototype属性,

而且 prototype 属性又指向一个prototype对象（注意prototype属性与prototype对象是两个不同的东西）

prototype 对象中又有一个constructor属性，这个constructor属性同样指向一个constructor对象而这个constructor对象恰恰就是这个function函数本身。看图;

作用（用来实现js中的继承）

function person(name,age){

this.name=name;

this.age=age;

}

person.prototype.action=function (){

alert("eat sleep fuck")

}

var jack=new person("jack",18)

jack.action()//eat sleep fuck

//action 方法是共有的方法，你可以和c#的静态方法相比较来理解；

//每个new 出来的person 对象都会有action这个方法；他并不是复制的，而是指针指向同一个地址的滴呀；

我们再来看一个图滴呀

   var Person=function(name){
     this.name=name;   
   }
   var p=new Person();
   //new 操作符号的作用等于
   var p={};
   p.__proto__=Person.prototype;
   Person.call(p); //person中的this交给了我们的额p对象滴呀;
   //也可以理解成一种继承把

我们再来看一个例子滴呀；

   Object.prototype.fuck=function (){
      alert('fuck');   
   }
   var str=new String('123');
   str.fuck();
    //不仅要事项功能，还要写出较为优质的代码滴呀
    function person(name){
         this.name=name;
    }
    var obj=new person('jack');
    obj.fuck();
    
    var json={}
    json.fuck();
    //可以看到所有的对象的父级都是我们的object滴呀;
    
    var xx='123';
    xx.fuck();
    
    var yy=123;
    yy.fuck();

总结：

所有的对象都有”__proto__”属性，该属性对应该对象的原型
所有的函数对象都有”prototype”属性，该属性的值会被赋值给该函数创建的对象的”__proto__”属性
所有的原型对象都有”constructor”属性，该属性对应创建所有指向该原型的实例的构造函数
函数对象和原型对象通过”prototype”和”constructor”属性进行相互关联

这下我们算是对prototype 有一定的了解了滴呀；

参考文献：

http://developer.51cto.com/art/201511/496178.htm