Javascript 使用IIFE改进画布代码

我正在创建一个画布游戏，下面的代码显示了全局变量和init函数。据我所知，创建全局变量是一种糟糕的做法，可能会导致与其他文件冲突

有人能给我举个例子，说明如何使用iLife改进这段代码吗

    canvasEntities = document.getElementById("canvasEntities"), // foreground canvas
    ctxEntities = canvasEntities.getContext("2d"),

    canvasWidth = 400,
    canvasHeight = 400,

    player1 = new Player(),   
    enemies = [],
    numEnemies = 5,
    obstacles = [],
    isPlaying = false,
    requestAnimFrame =  window.requestAnimationFrame ||   // Controls timing and update of game
                        window.webkitRequestAnimationFrame ||
                        window.mozRequestAnimationFrame ||
                        window.oRequestAnimationFrame ||
                        window.msRequestAnimationFrame ||
                        function(callback) {                // Older broswers
                            window.setTimeout(callback, 1000 / 60);
                        },


imgSprite = new Image();   // create sprite object
imgSprite.src = "images/sprite.png";
imgSprite.addEventListener("load", init, false);  

// event listener looks at image sprite waits for it to load, then calls init 



function init() {                                                                                        
    defineObstacles();                                                            
    initEnemies();
    begin();
}

iife（立即调用的函数表达式）是一种非常简单的避免全局变量的技术

(function() {

  //your code

})();

但是，您应该考虑使用模块，如，公共（节点的<代码>模块，出口< /代码> /<代码>要求<代码> >或AMD模块，因为这些都有它们自己的范围，并且使得IFIFE不必要。

< P>一个IIFE（立即调用的函数表达式）确实是一个非常简单的避免全局性的技术。

(function() {

  //your code

})();

---

但是，您应该考虑使用模块，如，公共（节点的<代码>模块，导出< /代码> /<代码>要求<代码> >或AMD模块，因为这些都有自己的范围，使生活变得不必要。

我投票将这个问题作为离题题结束，因为它要求代码审查我投票将这个问题作为离题结束，因为它要求代码审查Hanks Nexus，我在这里找到了答案谢谢Nexus，我在这里找到了答案