Javascript原型（三）

代码分析（一）

function Phone(ram) {
    this.ram = ram;
    this.call = function(){}
}
var p = new Phone("16GB");
var q = new Phone("32GB");

• 首先分析构造函数 Phone，定义一个 Phone 构造函数（由于下面是要对此函数使用 new 操做建立新对象的，因此这里说
  Phone 是构造函数，其实若是说 Phone 是一个普通函数也是能够的）

  function Phone(ram) {
      this.ram = ram;
      this.call = function(){}
  }

  

  注意：

  1. 在此图中，并无ram和call。ram和call是构造函数体里的东西，是构造函数经过new建立出的对象里的属性（绝对不要理解成是构造函数自己的属性），也就是说this.ram=ram，是新建立出来的对象里面有个ram属性，值是建立对象时从外部传递进来的值。
  2. 构造函数自己有什么属性呢？构造函数自己有name属性，凡是函数都有一个属性叫作name。好比Person这个构造函数，它的name属性值就是Person；而`var
     person = function(){...};像这样的声明，name属性的值就是person`。以下图所示：

     

以上代码完整的图以下所示：

代码分析（二）

function Phone() {
    this.ram = "16GB";
}
Phone.prototype.call = function(){}
var p = new Phone();
var q = new Phone();

• Phone构造函数中有prototype原型属性，此属性指向原型
• 原型中有constructor属性，此属性指向构造函数
• 原型有call属性，此属性指向一个函数
• 经过Phone构造函数，实例化出了两个对象，这两个实例对象中分别都有__proto__原型对象属性，此属性指向原型，与Phone构造函数中的prototype属性指向的是同一对象
• 正是因为p和q对象都指向同一个原型对象，因此当调用p.call()或者q.call()的时候，即便实例化对象自己中不存在此方法，此方法也会正常执行，由于实例化对象中没有，就会自动去原型中查找，原型中有，就调用了，这也就是原型继承
• 开发中的用法是在构造函数中定义属性，在原型中定义方法

代码分析（三）

function Phone(){
    this.ram = "16GB";
}
Phone.prototype = {
    sayHello: function(){}
};
var p = new Phone();
var q = new Phone();

内存图以下所示：

右上角的刚开始的原型对象（有constructor的），没有任何属性指向它了，时间长了，它就被回收了，可是在没回收以前，它是存在的，并非一没有东西指向它了，它就消失了。