how to avoid duplicate functions with dynamic function names

[unomateo]

I have a problem with duplicate javascript functions. I am making widgets for websites.

the problem is when they add 2 widgets, they get duplicate javascript functions and the first function get all messed up.

is there a way to do something like this:

var fname = "function_name";

function fname()
{
...
}

or

var fname = "_name";

function myfunction+fname()
{
...
}

 

[dwarfthrower]

When you say "2 widgets" are you talking about having two copies of the same widget, or two different widgets with conflicting function names?

At any rate, I'd say you would want to approach things in a more object-oriented manner. Creating your functions as methods of an object rather than as globally declared functions will reduce the likelihood of collisions.

//Class Declaration for Widget1
function Widget1(){
 this.someValue = 5;
}
Widget1.prototype.showValue = function(){
 alert("My value is " + this.someValue);
}

//Class Declaration for Widget2
function Widget2(){
 this.someValue = 4;
}
Widget2.prototype.showValue = function(){
 alert("The value I have is " + this.someValue);
}

//Some code to look at the widgets
var firstWidget = new Widget1();
var secondWidget = new Widget2();

firstWidget.showValue();
secondWidget.showValue();

As you can see from the above example, this way you can have multiple objects with functions named the same thing, but doing different tasks. Even if you only had the one, but wanted multiple copies, it would work too - keeping the properties and methods constrained to their respective objects.

//Class Declaration for Widget1
function Widget1(){
 this.someValue = 5;
}
Widget1.prototype.showValue = function(){
 alert("My value is " + this.getValue());
}
Widget1.prototype.setValue = function(intValue){
 this.someValue = pareseInt(intValue);
}
Widget1.prototype.getValue = function(){
 return this.someValue;
}

//Some testing code
var firstWidget = new Widget1();
var secondWidget = new Widget1();

firstWidget.setValue(42);
secondWidget.setValue(100);
firstWidget.showValue();
secondWidget.showValue();

_{Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.}
Webflo

 

[BillyRayPreachersSon]

I'd go with dwarfthrower's recommendation of an OO approach. However, to answer your question, you can define functions with dynamic names:

var fname = 'function_name';

window[fname] = function() {
}

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]