There are many situations you want to invoke the function from string of function name. One of case is for example, you might want to switch the functions from the parameter value of HTML Get\/Post method.<\/p>\n
The example below is client-side javascript(CSJS) when it’s triggered from the URL like “http:\/\/mydomain.com\/ApplyFuncXAgent.xsp?func=callMe”. Then switch the flow by the query parameter value of “func”.<\/p>\n[code lang=”javascript” highlight=””]\nvar strFunc = location.search.split(‘func=’)[1];
\nswitch(location.search.split(‘func=’)[1]){
\ncase "func1": func1(); break;
\ncase "func2": func2(); break;
\ncase "callMe": callMe(); break;
\ndefault: break;
\n}
\n[\/code]\n
If you want to simplify the code above, you can write the code like below:<\/p>\n[code lang=”javascript” highlight=”2″]\nvar strFunc = location.search.split(‘func=’)[1];
\nvar funcObj = window[strFunc];
\nif (typeof funcObj === "function") funcObj();
\n[\/code]\n
In this case, window object is used to retrieve the function object, then call the target function. However Server-side Javascript(SSJS) does not have the window object like CSJS. Therefore you need to tweak this code a little.<\/p>\n
var funcObj = this[strFunc];<\/p>\n[\/code]\n
eval(strFunc+"()");<\/p>\n[\/code]\n
Both (1),(2) can get the same result.<\/p>\n
Now we could call the function from string of function name. Then if you want to pass the parameters as well when call the funcion, you can use call() or apply() functions. Actually this way is pretty same as CSJS.<\/p>\n
For example, when I call the HTTP Get request like “http:\/\/mydomain.com\/ApplyFuncXAgent.xsp?func=callMe&args=aa,bb”. (I added [args=aa,bb] as the function argument’s values.) , the SSJS code becomes like below:<\/p>\n[code lang=”javascript” highlight=”3″]\nvar argsAry = @Explode(args, ",");
\nvar funcObj = this[func];
\nreturn funcObj.call(this, argsAry[0], argsAry[1]);
\n[\/code]\n
The code above is the example of using call(). If you want to use apply(), then instead of passing the arguments separated by comma, pass the Array to the second argument of apply(). Below is the sample code:<\/p>\n[code lang=”javascript” highlight=”3″]\nvar argsAry = @Explode(args, ",");
\nvar funcObj = this[func];
\nreturn funcObj.apply(this, argsAry);
\n[\/code]\n
In my situation, I needed to get the JSON data from the many notes views as the asynchronous connection. (Passing the JSON data for Kendo UI Grid data.) So I decided to use the XAgent to return the JSON data, however I didn’t want to create XAgent XPages as many as notes views. So the sample code below calls the function from the Get parameter value of function name and returns the JSON data by the specified function.
\nHTTP request is like this -> “http:\/\/mydomain.com\/hoge.nsf\/ApplyFuncXAgent.xsp?func=testFunc&args=aa,bb”<\/p>\n[code lang=”xml” highlight=”15,16,18″]\n<?xml version="1.0" encoding="UTF-8"?>
\n<xp:view xmlns:xp="http:\/\/www.ibm.com\/xsp\/core" rendered="false">
\n\t<xp:this.resources>
\n\t\t<xp:script src="\/xpCommon.jss" clientSide="false"><\/xp:script>
\n\t<\/xp:this.resources>
\n\t<xp:this.afterRenderResponse><![CDATA[#{javascript:var externalContext = facesContext.getExternalContext();
\nvar writer = facesContext.getResponseWriter();
\nvar response = externalContext.getResponse();<\/p>\n
\/\/ Set context type etc
\nresponse.setContentType("application\/json");
\nresponse.setHeader("Cache-Control", "no-cache");<\/p>\n
\/\/ read parameters
\nvar func = context.getUrlParameter("func");
\nvar args = context.getUrlParameter("args");<\/p>\n
var retTxt = callFuncByString(func, args);
\nwriter.write(retTxt);
\nwriter.endDocument();}]]><\/xp:this.afterRenderResponse>
\n<\/xp:view>
\n[\/code]\n
Below is the sample code of xpCommon.jss which contains the callFuncByString() above.<\/p>\n[code lang=”javascript” highlight=””]\nfunction callFuncByString(func, args){
\n\ttry{
\n\t\tvar argsAry = @Explode(args, ",");
\n\t\tvar funcObj = this[func];
\n\t\treturn funcObj.call(this, argsAry[0], argsAry[1]);
\n\t}catch(e){
\n\t\tprint(e);
\n\t}
\n}<\/p>\n
function testFunc(arg1, arg2){
\n\treturn "[{\\"arg1\\":\\""+arg1+"\\", \\"arg2\\":\\""+arg2+"\\"}]";
\n}
\n[\/code]\n
The advantage of this logic is avoiding to create many XAgent for notes views. But please remember that dynamically calling the functions from string value sometimes lose the serviceability of code. For example debugging purpose. What’s the cas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19,26,104,105],"tags":[88,96,94,66],"yoast_head":"\n
\n*This XAgent is just for example and for the real coding, please pay attention to the security when you use this concept since any SSJS standard functions can be called remotely if you don’t add any restriction and it is very dangerous.<\/span><\/p>","protected":false},"excerpt":{"rendered":"