blocks|key|1422996|text|Property+accessors可用于访问任何对象的属性或函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1422997|如果该函数在全局作用域中，则可以使用window对象获取它：|1422998|var+myFunc+=+window[myFuncName];|code-block|syntax|javascript|1422999|这也适用于this作用域：|style|CODE|1423000|var+myFunc+=+this[myFuncName];|1423001|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors^0|0|I|0|0|0|0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|14|8|@$A|15|B|16|M|N]]|9|@]|C|$]]|$1|O|3|P|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors" rel="nofollow noreferrer">Property accessors</a> can be used to access any object's properties or functions.

If the function is in the global scope, you can get it using the window object:

<pre><code>var myFunc = window[myFuncName];
</code></pre>

This also works within the <code>this</code> scope: 

<pre><code>var myFunc = this[myFuncName];
</code></pre>

blocks|key|1423058|text|window.myFunction+===+window["myFunction"]|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1423059|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>window.myFunction === window["myFunction"]
</code></pre>

blocks|key|1638011|text|..。或thismyFuncName；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1638012|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

blocks|key|1638069|text|看起来formData.fields[x].onclick拥有全局函数的名称？如果是这样，请尝试：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1638070|$(inputId).observe('click',+window[formData.fields[x].onclick]);|code-block|syntax|javascript|1638071|entityMap^0|3|Q|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Looks like <code>formData.fields[x].onclick</code> holds the name of a global function? If so try:

<pre><code>$(inputId).observe('click', window[formData.fields[x].onclick]);
</code></pre>

blocks|key|1423186|text|您知道onclick属性包含什么或它是什么类型吗？我假设这是特定于原型的东西，因为“字段”不存在于DOM表单中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423187|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Do you know what the onclick property contains or what type it is? I assume this is prototype specific stuff, as "fields" does not exist in DOM forms.

blocks|key|1638145|text|我已经解决了这个问题，因为我需要一个这样的函数。这是我的沙箱代码，没有经过彻底的测试，但可以作为其他人的起点。注意，在代码中有一个eval()，因为我不知道如何绕过这一步，可能是javascript的怪癖，并且不能用任何其他方式来完成。如果有办法在这里去掉eval()，请告诉我！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1638146|executeFunctionByName+=+function(functionName)
{
++++var+args+=+Array.prototype.slice.call(arguments).splice(1);
++++//debug
++++console.log('args:',+args);

++++var+namespaces+=+functionName.split(".");
++++//debug
++++console.log('namespaces:',+namespaces);

++++var+func+=+namespaces.pop();
++++//debug
++++console.log('func:',+func);

++++ns+=+namespaces.join('.');
++++//debug
++++console.log('namespace:',+ns);

++++if(ns+==+'')
++++{
++++++++ns+=+'window';
++++}

++++ns+=+eval(ns);
++++//debug
++++console.log('evaled+namespace:',+ns);

++++return+ns[func].apply(ns,+args);
}


core+=+{
++++paragraph:+{
++++++++titlebar:+{
++++++++++++user:+"ddd",
++++++++++++getUser:+function(name)
++++++++++++{
++++++++++++++++this.user+=+name;
++++++++++++++++return+this.user;
++++++++++++}
++++++++}
++++}
}

var+testf+=+function()
{
++++alert('dkdkdkd');
}

var+x+=+executeFunctionByName('core.paragraph.titlebar.getUser',+'Ikon');
executeFunctionByName('testf');|code-block|syntax|javascript|1638147|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I have worked on this problem, as I needed a function like this. Here is my sandbox code, not thoroughly tested, but can be a startpoint for others.
Note that there is one eval() in the code as I couldn't figure out how to bypass that step, maybe a javascript quirk and cannot be done in any other way. Let me know if there is a way to get rid of eval() here!

<pre><code>executeFunctionByName = function(functionName)
{
 var args = Array.prototype.slice.call(arguments).splice(1);
 //debug
 console.log('args:', args);

 var namespaces = functionName.split(".");
 //debug
 console.log('namespaces:', namespaces);

 var func = namespaces.pop();
 //debug
 console.log('func:', func);

 ns = namespaces.join('.');
 //debug
 console.log('namespace:', ns);

 if(ns == '')
 {
 ns = 'window';
 }

 ns = eval(ns);
 //debug
 console.log('evaled namespace:', ns);

 return ns[func].apply(ns, args);
}


core = {
 paragraph: {
 titlebar: {
 user: "ddd",
 getUser: function(name)
 {
 this.user = name;
 return this.user;
 }
 }
 }
}

var testf = function()
{
 alert('dkdkdkd');
}

var x = executeFunctionByName('core.paragraph.titlebar.getUser', 'Ikon');
executeFunctionByName('testf');
</code></pre>

blocks|key|1638158|text|也许吧？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1638159|setTimeout+(+"myFunc()",+1+);|code-block|syntax|javascript|1638160|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Perhaps?

<pre><code>setTimeout ( "myFunc()", 1 );
</code></pre>

blocks|key|1423315|text|只需一个eval就可以完成这项工作|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1423316|var+call+=+eval("method_name").call(args);|code-block|syntax|javascript|1423317|entityMap^0|4|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Just an <code>eval</code> would do the job

<pre><code>var call = eval("method_name").call(args);
</code></pre>

blocks|key|1423362|text|如果需要调用带参数的字符串函数，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423363|window[stringFunctionName].apply(+window,+arrayOfArguments+)|code-block|syntax|javascript|1423364|如果您愿意，可以使用scope代替window|offset|length|style|CODE|1423365|entityMap^0|0|0|A|5|H|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

If you need to call a string function with arguments, do this:

<pre><code>window[stringFunctionName].apply( window, arrayOfArguments )
</code></pre>

You can use <code>scope</code> in place of <code>window</code> if preferred

How can I hook up an event to a function name I have defined as a string?

I'm using Prototype.js, although this is not Prototype-speficic.

<pre><code>$(inputId).observe('click', formData.fields[x].onclick);
</code></pre>

This would result in JavaScript complaining that my handler is not a function. I would prefer not us use <code>eval()</code>.

Call a JavaScript function name using a string?

如何将事件与定义为字符串的函数名关联起来？我使用的是Prototype.js，尽管这不是原型专用的。$(inputId).observe('click', formData.fields[x].onclick);这将导致JavaScript抱怨我的处理程序不是一个函数。我不希望我们使用eval()。

问使用字符串调用JavaScript函数名？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用字符串调用JavaScript函数名？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用字符串调用JavaScript函数名？
EN