被這個this指向弄暈了，求請教

    function Router(){
        this.routes = {};
        this.currentUrl = '';
    }
    Router.prototype.route = function(path, callback){
        this.routes[path] = callback || function(){};
    }
    Router.prototype.refresh = function(){
        this.currentUrl = location.hash.slice('1') || '/';
        this.routes[this.currentUrl]();
    }
    Router.prototype.init = function () {
        window.addEventListener('load', this.refresh.bind(this), false);
        window.addEventListener('hashchange', this.refresh.bind(this), false);
    }
    window.Router = new Router();
    window.Router.init();

    var content = document.querySelector('body');
    // change Page anything
    function changeBgColor(color) {
        content.style.backgroundColor = color;
    }
    Router.route('/', function () {
        changeBgColor('red') 
    })
    Router.route('/blue', function () {
        changeBgColor('blue') 
    })
    Router.route('/green', function () {
        changeBgColor('green') 
    })
    
    
    
    

問題就在于 window.addEventListener('load', this.refresh.bind(this), false);
這句話中 this.refresh.bind(this)，弄暈了， 換成this.refresh.apply(this)和 call 都會報錯， 有人能幫我來理清這個this指向的順序嗎？以及為什么不能使用 apply和call