Question

In the following JavaScript code main() is called.
My question is why the second constructor is called rather than the first one ?
What am I missing here ?

Thanks !!

function AllInputs() {
   alert("cons 1");
   this.radioInputs = [];
   alert(this);
}

function AllInputs(radioElement) {
   alert("cons 2");
   this.radioInputs = [radioElement];
   alert(this);
}

AllInputs.prototype.toString = function() {
   return "[object AllInputs: radioInputs: " + this.radioInputs.length + "]";
}

function main() {
   var result = new AllInputs();
}

Answer 1

Javascript does not support overloaded functions.

When you define the same function twice, the second definition replaces the first one.

Instead, you should make a single function, and check arguments.length to see how many arguments were passed.

For example:

function AllInputs(radioElement) {
   this.radioInputs = arguments.length ? [radioElement] : [];
   alert(this);
}