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

来源:互联网 发布:淘宝如何刷买家信誉 编辑:程序博客网 时间:2024/04/27 13:40
  • 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)1func(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)NaNfunc(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)1func(1,2)3