javascript - 文字列をjavascript関数として実行する

Question

私のオブジェクトにはコールバックがあります：

var MyObject = {
CallBack: "function (whichSubMenuIsClicked, subMenuObjectTag) { self.doStuff(whichSubMenuIsClicked.SubMenuItem, whichSubMenuIsClicked.HeaderColumnName, whichSubMenuIsClicked.DivIdentifier);}",
}

コールバックは文字列です。次に、MyObject.CallBack（param1、param2）を使用して実行する必要があります。これは、jqueryまたはjavascriptを使用してどのように実行できますか。この場合の自己は、別のウィジェットを呼び出す元のウィジェットです。したがって、コールバックは元のウィジェットで行われます。

score 3 · Accepted Answer

文字列としての機能はありません。

関数を関数として持つ：

var MyObject = {
   CallBack: function (whichSubMenuIsClicked, subMenuObjectTag) {
                  self.doStuff(whichSubMenuIsClicked.SubMenuItem, whichSubMenuIsClicked.HeaderColumnName, whichSubMenuIsClicked.DivIdentifier);
             }
}

score 1 · Accepted Answer

コンストラクターを使用します。Functionコンストラクターは、パラメーター名のリストとそれに続く関数本体を受け入れます。

var MyObject = {
    CallBack: "self.doStuff(whichSubMenuIsClicked.SubMenuItem, whichSubMenuIsClicked.HeaderColumnName, whichSubMenuIsClicked.DivIdentifier)",
};

var myfunc = new Function("whichSubMenuIsClicked", "subMenuObjectTag", MyObject.CallBack);

score 0 · Accepted Answer

@Curtが示したように、関数を関数として記述する必要があります。文字列として（たとえば、ユーザー入力から）取得する以外に選択肢が本当にない場合にのみ、最初にそれを解析して実行可能コードにし、それを呼び出す必要があります。そうする方法はですeval。問題は参照selfになります。これは関数内の変数ではなく、グローバルであると見なされます。それでも、withステートメントを使用してそれを回避できます。

var MyObject = {
    CallBack: "function (whichSubMenuIsClicked, subMenuObjectTag) { self.doStuff(whichSubMenuIsClicked.SubMenuItem, whichSubMenuIsClicked.HeaderColumnName, whichSubMenuIsClicked.DivIdentifier);}",
};
var widget = {doStuff: console.log};
var fn;
with( {self: widget} ) {
    fn = eval( MyObject.CallBack );
}
fn({SubMenuItem: "…", HeaderColumnName: "…", DivIdentifier: "…"});

score -2 · Accepted Answer

非常に悪いアプローチですが、あなたはそれを行うことができますeval()

var MyObject = { CallBack: "AName = function(param1, param2) { alert(param1 + param2); }", }

eval(MyObject.CallBack+"(1,2)");

デモ

javascript - 文字列をjavascript関数として実行する

4 に答える 4

Related

Reference