javascript - 如何从其父函数外部调用嵌套函数？

Question

我正在处理一个包含 JavaScript 的 HTML 文件。

这是 JavaScript 代码:

var dImage = new Image();

var drawing = (function () {

    .
    .
    .
    .

    redrawing = function () {
        context.drawImage(dImage, dX, dY, dWidth, dHeight);
    },

    init = function () {
        dImage.src = "images/d.png";
        redrawing();
    };

    return {
        init: init
    };

}());

function updateImage(dSrc){
    dImage.src = dSrc;
    // Call redrawing here
}

在我调用的 HTML 中

drawing.init();

并且运行良好。我也可以通过调用更改图像源

updateImage("images/d2.png");

它正在努力改变源。

但是我需要在updateImage()方法中调用redrawing()来刷新图像。

我尝试以多种方式调用它(例如，drawing.redrawing();)，但 redrawing() 没有响应。

Answer 1

如果您希望能够从定义该函数的外部调用重绘函数，则需要从该函数返回它，就像使用 init 所做的那样:

var drawing = (function () {

    .
    .
    .
    .

    return {
        init: init,
        redrawing: redrawing
    };
}());