在 javascript 中定义动态 function

Question

I am having SetUpTest() method, function name will be generated on-load of script by fetching window object. testShieldVal.js_name is variable,

testShieldVal = window.testObject || {};

SetUpTest = testShieldVal.js_name+"SetUp";

function SetUpTest() {
  new atoShieldVal.js_name.OnloadCallback(grecaptcha);
}

How can I define this function with dynamic name efficiently?

Answer 1

If I understand your question correctly, you are looking to define a function with a dynamic name.

In that case you should add the method to the window object using window[functionName] = function() {... }

This results in:

testShieldVal = window.testObject || {};

SetUpTest = testShieldVal.js_name+"SetUp";

window[SetUpTest] = function {
  new atoShieldVal.js_name.OnloadCallback(grecaptcha);
}

When window.testObject.js_name is 'Demo' then Your function can then be called via DemoSetUp() . This will automatically look in the window object for a method with that name.