I have a requirement like, i need to execute a js code for some screens in my application and i need to name the function with viewid like myScreen1().. myScreen3().
But as the function definition is same for all the function names, is there any way to declare such that all the function names will refer to same definition?
Following will work, but maybe you should rethink your design as most likely it is also possible using only one function name.
var func = function() {
// definition goes here
}
var myScreen1 = func;
var myScreen2 = func;
Compacting a bit @Peter Van der Wal's code,
var myScreen1, myScreen2, myScreen3;
myScreen1 = myScreen2 = myScreen3 = function() {
// definition goes here
};
But really, if ...
function definition is same for all the function names
... couldn't you use myScreen() instead of myScreen1(), myScreen2() or myScreen3()?
And I'm curious: how do you decide which one you call, if all of them do the same?
wrap them in another function.
function handleScreen( screenName ) {
// do stuff in common with all screens here
// and call specific functions for specific screens
if (typeof window[screenName] == "function") {window[screenName]();}
}
function screen1() {
//do stuff for screen 1
}
function screen2() {
//do stuff for screen 2
}
handleScreen("screen2");
The following should work, but could be compartmentalized like shown at the end.
function handleScreen( viewID ) {
if(viewID == 1){
// Do Stuff For Screen 1
} else if(viewID == 2){
// Do Stuff For Screen 2
}
}
handleScreen(2);
This way you only have one function defined and if you want you could compartmentalize by using certain functions like shown below.
function handleScreen( viewID ) {
if(viewID == 1){
displayLoadSign();
loadList();
hideLoadSign();
} else if(viewID == 2){
showConnectionError();
displayLoadSign();
}
}
handleScreen(2);
That way you don't have code written multiple times.