Question

這裏是什麼即時試圖做一個簡單的版本：

<script type="text/javascript"> 
    function Example(position) { 
     this.position = position; 
     instance = this; 

     img = new Image(); 
     img.src = 'http://www.gazette-ariegeoise.fr/IMG/jpg/test.jpg'; 

     console.log(this.position); 
     //logs as expected 1 than 2 on the second 


     img.onload = function() { 
      console.log(instance.position); 
      //logs 2 twice 
     } 
    } 

    ex1 = new Example(1); 
    ex2 = new Example(2); 
</script> 

莫名其妙的onload功能記錄實例2次的位置，

爲什麼呢？

Answer 1

instance是全球性的，所以第二個電話Example()覆蓋了第一個。

使用var創建局部變量。

更好的是，也use "use strict";所以它不會讓你創建偶然的全局變量。