为什么实例方法没有按预期工作？

Question

(function() { 
    window.gArr = new ExtArray(); 
})(); 

function ExtArray() { 
    this.bounce = function() { 
     document.write("Bounced successfully!"); 
    }; 
} 

ExtArray.prototype = new Array; 
ExtArray.prototype.first = function() { 
    document.write(this[0]); 
} 

var eArr = new ExtArray(); 
//all three work 
eArr.bounce(); 
eArr.push("I am first! "); 
eArr.first(); 
// invoking global 
gArr.bounce(); // it works 
gArr.push("No, it is me who is really first! "); // doesn't work 
gArr.first(); // doesn't work 

它为什么不起作用？

Answer 1

> (function() { 
>  window.gArr = new ExtArray(); })(); 

这是为什么优选只是：

var gArr = new ExtArray(); 

它们是功能上相同的（除非没有窗口对象在这种情况下，首先会失败）;

> function ExtArray() { 
>  this.bounce = function() { 
>   document.write("Bounced successfully!"); 
>  }; } 

使用文件撰写后的页面加载完成后会首先清除整个文件（即HTML标签之间的一切），写无论是传递给函数（在这种情况下，两字符串）。

> ExtArray.prototype = new Array; 
> ExtArray.prototype.first = function() { 
>  document.write(this[0]); 
> } 

如上，文件撰写是破坏性的。

> var eArr = new ExtArray(); 
> //all three work 
> eArr.bounce(); 
> eArr.push("I am first! "); 
> eArr.first(); 

推测这是在加载事件之前运行。

> // invoking global 
> gArr.bounce(); // it works 
> gArr.push("No, it is me who is really first! "); // doesn't work 
> gArr.first(); // doesn't work 

说：“不工作”是因为你初始化加尔你修改ExtArray.prototype之前，该位因此它具有实例方法反弹但仍然有默认的原型时，构造被宣布。

请记住，一旦声明完成后，该代码在序列运行所以加尔=新ExtArray（）之前ExtArray.prototype =新阵列的运行;等。

此外，一个实例有它的创建和此后不能改变（除了Mozilla的弃用原属性）即时引用构造函数的原型内部原型财产。因此，更改contsructor的原型不会改变已经构建的任何实例的内部原型。

Answer 2

您应该定义window.gArr定义ExtArray.prototype后：

function ExtArray() { 
    this.bounce = function() { 
     document.write("Bounced successfully!"); 
    }; 
} 

ExtArray.prototype = new Array; 
ExtArray.prototype.first = function() { 
    document.write(this[0]); 
}; // <-- semicolon will be REQUIRED here. 

(function() { 
    window.gArr = new ExtArray(); 
})(); 

DEMO：http://jsfiddle.net/Vg3Ze/