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