JS函数多个参数默认值指定方法分析

140 阅读 0 评论 93 点赞

我是靠谱客的博主善良保温杯，最近开发中收集的这篇文章主要介绍JS函数多个参数默认值指定方法分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了JS函数多个参数默认值指定方法。分享给大家供大家参考，具体如下：

函数有一个参数时，以往这样定义(参数为p1):

function mfun(p1){ … }

当需要为p1设定一个默认值时

function mfun(p1){
if(p1===undefined) p1=5; //默认值设为5
…
}

当函数需要2个参数时，以前习惯这样写

function mfun(p1,p2){…}

后来发现完全不需要这样写，js函数甚至不需要在括弧内预设参数名，可以用一下方式传入任意多个参数自动适配，当没有被定义时，这些未被赋值参数被调用时值为 undefined

以下例子示范了一个2个参数的js函数

function mFun(){
 var p1 = arguments[0] ? arguments[0] : -1; //设置参数p1默认值为-1
 var p2 = arguments[1] ? arguments[1] : ‘ABC'; //p2默认值 ‘ABC'
…
}

以下是一些错误示范：

需要2参数，第二个为可选参数时定义

function mFun(p1){...}
function mFun(p1,p2){...}

*这种写法，mFun(p1)会被下面的函数覆盖掉，当只传入一个参数时，p2会提示undefined

funciton mfun(p1,p2='xxx'){...}

这是php习惯.. =___=b..

再看一个例子：

function simue (){
 var a = arguments[0] ? arguments[0] : 1;
 var b = arguments[1] ? arguments[1] : 2;
 return a+b;
}
alert( simue() ); //输出3
alert( simue(10) ); //输出12
alert( simue(10,20) ); //输出30

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript常用函数技巧汇总》、《JavaScript传值操作技巧总结》、《javascript编码操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。