为什么这个函数成员为null？

Question

我是一个使用HTML5画布进行游戏的菜鸟。我正在为我未来的游戏编写一个按钮基类，但是关于javascript类（函数）成员有一些错误。

有我的按钮功能代码。

function button(context){
    this.img = new Image();
    this.img.onload = function(){           //create our handler
        if(this.img==null)
            alert("this.img is null");
        context.drawImage(this.img, 0, 0);  //when image finishes loading, draw it
    };
    this.img.src = "img/6.png";
};

然后我在另一个js中创建一个按钮作为对象并运行它。

window.onload = function(){
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");

    var button1 = new button(context);
};

在我的画布中，没有任何图像。网站警报“this.img为null”表示函数成员为null。我确认img路径没有任何问题，因为我试图将图像代码放到window.onload函数并且有工作。那么为什么函数成员this.img为null？

PS：有两个Javascript文件。