制作JS本地函数全局访问(Making JS local function globally acc

我有我需要直接访问函数内的函数。

//#############################################################
//# Global vars
//#############################################################
var canvasWidth = 585;
var canvasHeight = 780;

//#############################################################
//# Init the canvas
//#############################################################
window.onload = function() {
    initStage();
};

//#############################################################
//# Init the main stage
//#############################################################
function initStage() {

    //*************************************************************
    //* Create a stage to work with
    //*************************************************************
    var stage = new Kinetic.Stage({
        container: "container",
        width: canvasWidth,
        height: canvasHeight
    });

    var layerOne = new Kinetic.Layer();
    var imageObj = new Image();

    //*************************************************************
    //* Load the image into a layer on the stage
    //*************************************************************
    ... Some Code ...

    //*************************************************************
    //* Set the hidden field value to the canvas dataURL
    //*************************************************************
    function autoSave(){
        stage.toDataURL({
            callback: function(dataUrl){
                document.getElementById("mapping-form:hiddenDataURL").value = dataUrl;
                console.log("Auto Save excecuted");
            }, 
            mimeType: 'image/jpeg', 
            quality: 1.0
        });        
    }

    //*************************************************************
    //* Function called to add text to the stage
    //*************************************************************
    ... Some Code ...    

        layerTwo.add(txt);
        stage.add(layerTwo);

    });

}

我试图访问自动保存（）（作为回报，需要从父功能的阶段VAR）。 我明白为什么我不能访问它，但是我挣扎着，看我怎么可以改变代码，使其可访问。

我首先想到的是简单地声明一个“更高的范围的” var和功能分配给它。 问题是（据我可以看到），这实际上并没有让我在要求的时间执行自动保存（）。

对于这个问题的“基本NATUR道歉，我是新来的JS，我认为这将是根本！

Answer 1:

你可以让你的函数全局访问，仍然保持参考变量在创建它的范围。 简单地创建和窗口的范围分配给它 - 例如，而不是将其定义为：

function autoSave() {
    // ... code ...
}

其声明如下：

window.autoSave = function() {
    // .... code ....
}

你现在可以在任何地方调用它（提供的initStage方法被调用先声明它，当然）。

Answer 2:

您可以指定自动保存功能到这个对象，即

function initStage() {        
    ... Some Code ...
    this.autoSave = function(){
        ... Some Code ...        
    }

    return this;
}

现在，你可以调用

initStage().autoSave();

Answer 3:

正如你可以看到这里的autoSave在调用时没有问题。 我认为这个问题是在代码的其余部分。 你有}); 在没有按脚本的底部;吨随时随地打开

该代码是尽可能简单

window.onload = function() {
    initStage();
};

function initStage() {
    alert('a');

    function autoSave() {
        alert('b');
    }

    autoSave();
}

Answer 4:

如下所述，您可以访问你的本地函数

var myFunc = function () {
  //Local Scope
  this.scopeLocal = function () {
    alert("yipee!!! You Can Call Me");
  }
}

var myfunc = new myFunc();//Create a Object

window.onload = function () {
  myfunc.scopeLocal(); // Call it Globally
};

退房这里演示： http://jsbin.com/efojom/1/edit

Answer 5:

一般来说，我建议是这样的：你可以使用你的个人命名空间，使功能和对象可用。

// make a scope wrapper to keep vars local
(function () {
    // your module vars available within this scope
    var canvasWidth = 585;
    var canvasHeight = 780;

    // create a namespace
    var myspace = {
        stage: new Kinetic.Stage({
            container: "container",
            width: canvasWidth,
            height: canvasHeight
        },
        autoSave: function () {
            this.stage.toDataURL({
                callback: function(dataUrl){
                    document.getElementById("mapping-form:hiddenDataURL").value = dataUrl;
                    console.log("Auto Save excecuted");
                }, 
                mimeType: 'image/jpeg', 
                quality: 1.0
            });
        }
    };

    var layerOne = new Kinetic.Layer();
    var imageObj = new Image();

    layerTwo.add(txt);
    myspace.stage.add(layerTwo);


    // finally export to global namespace only what you really need
    window["myspace"] = myspace;
});

// then from anywhere, just call this

myspace.autosave();
myspace.stage;

文章来源: Making JS local function globally accessible