Define dynamic function in javascript

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.