JavaScript原型式继承于构造函数--$.fn.xxx=function...

如果你使用过jquery，那么你如果要对jquery扩展一个方法，那么可以使用$.fn.xxx=function(){...}，当我们调用时候可以直接将你获取到jquery对象.xxx()这个方法就行了，那他的原理是什么呢？当你理解了对象的原型对象之后，你就知道，这个对象是继承只原型对象，的如果你在原型对象中添加了属性或者方法，那么继承只他对象也会拥有该方法，这时候，你就可以明白为什么$.fn.xxx就能实现对jquery对象的扩展了，实际上.$.fn=$.prototype,$=jQuery

原型式继承方式一，在对象的prototype中扩展

我们知道，如果你调用一个对象的某个属性或方法，如果这个对象中没有这个属性，他就会自动去原型对象中找，当你直接将一个属性或者方法追加到这个对象的原型对象中的时候，他就会自动拥有该属性或者方法

    var Person = function(){};
    Person.prototype.say = function(){
        alert('哈哈');
    };
    var p = new Person();
        p.say();//哈哈

原型式继承–直接覆盖原型对象

当你要追加很多属性到原型对象上的时候，你采用上面的方法一个一个追加，是不是嫌烦呢？那么你可以尝试下面这种方法

function Person(){  
}
Person.prototype = {
    constructor : Person,
    say1 : funciton(){},
    say2 : function(){}
    //...
}

到了这里你可能会问，为什么要写一个constructor=Person？？？
这里，我先来说你应该注意几个问题

• 第一个问题，你如果使用这种覆盖式的追加属性的时候，原来prototype就别覆盖了，也就是说，如果你以前赋予了这个prototype属性，你这么一覆盖，那以前就消失了，
  
• 第二个问题是，constructor也会被覆盖，这就意味着，如果你要通过p.constructor.name获取到对象的对象类型是不可能的了，即使你采用正则也是不行的，因为这时候你覆盖的这个prototype中并没有constructor，当你p.constructor的时候，他在自己身上找不到就会去原型对象中找，如果原型对象中找不到，就会去原型对象的原型对象中找，而原型对象的原型对象的constructor产生的是Object类似,并且要注意的一点是，如果你是var Person = function(){};这样产生的对象是获取不到的