10

関数内に直接アクセスする必要のある関数があります。

//#############################################################
//# 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);

    });

}

autoSave（）にアクセスしようとしています（その代わりに、親関数のステージ変数が必要です）。アクセスできない理由は理解できますが、コードを変更してアクセスできるようにする方法を見つけるのに苦労しています。

私の最初の考えは、単に「より高いスコープの」変数を宣言し、それに関数を割り当てることでした。問題は、（私が見る限り）これでは、要求された時間にautoSave（）を実際に実行できないことです。

この質問の基本的な性質についてお詫びします。私はJSを初めて使用しますが、これが基本になると思います。

4

5 に答える 5

18

関数をグローバルにアクセス可能にし、それが作成されたスコープ内の変数への参照を維持できます。たとえば、次のように定義する代わりに、ウィンドウスコープで作成して割り当てるだけです。

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

次のように宣言します。

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

これで、どこでも呼び出すことができます (もちろん、initStage メソッドが呼び出されて最初に宣言されている場合)。

于 2013-02-08T09:24:01.500 に答える
5

このオブジェクトに autoSave 関数を割り当てることができます。

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

    return this;
}

今、あなたは呼び出すことができます

initStage().autoSave();
于 2013-02-08T09:21:56.770 に答える
0

ここでわかるように、autoSaveは問題なく呼び出されます。問題はコードの残りの部分にあると思います。どこ});にも開かないスクリプトの下部にあります

コードはできるだけシンプルに

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

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

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

    autoSave();
}
于 2013-02-08T09:29:18.860 に答える
0

一般的には、次のようなことをお勧めします。個人の名前空間を使用して、関数とオブジェクトを利用できるようにすることができます。

// 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;
于 2013-02-08T10:32:38.740 に答える
0

以下に示すように、ローカル機能にアクセスできます

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

于 2013-02-08T09:33:49.657 に答える