javascript - javascript onload 如何在实例中工作？

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";所以它不会让你创建意外的全局变量。