js中间接实现其他语言函数重载功能

js没有函数重载

js中没有函数重载的功能：定义两个相同名字的函数，则后面的函数会把前面的函数覆盖掉。

function func(a){
console.log(a);
}

funciton func(a,b){
console.log(a+b);
}

func(3)

执行之后控制台打印:Uncaught SyntaxError: Unexpected identifier

说明func(a,b)覆盖了func(a),导致找不到该函数

间接实现js函数重载

通过使用js中arguments系统变量不显示的使用命名参数，可以实现该功能

function func(){
if(arguments.length==1){
console.log(arguments[0]);
}else if(arguments.length==2){
console.log(arguments[0]+arguments[1]);
}
}
func(1)
1
func(1,2)
3

注意：arguments参数通过外部函数传递给内部函数的问题

function func(){
if(arguments.length==1){
func1();
}else if(arguments.length==2){
func2();
}
}

function func1(){
console.log(arguments[0]);
}

function func2(){
console.log(arguments[0]+arguments[1]);
}

func(1)
NaN
func(1,2)
NaN

上面这个函数则因为func函数的参数无法传递给fun1和func2导致打印NaN,更正后代码如下

function func(){
if(arguments.length==1){
func1(arguments[0]);
}else if(arguments.length==2){
func2(arguments[0],arguments[1]);
}
}

function func1(){
console.log(arguments[0]);
}

function func2(){
console.log(arguments[0]+arguments[1]);
}

func(1)
1
func(1,2)
3