JS函数的参数如何设置

JavaScript08

JS函数的参数如何设置,第1张

1.php有个很方便的用法是在定义函数时可以直接给参数设默认值,如:<br><br>function simue ($a=1,$b=2){<br> return $a+$b<br>}<br>echo simue()//输出3<br>echo simue(10)//输出12<br>echo simue(10,20)//输出30<br><br>但js却不能这么定义,如果写function simue(a=1,b=2){}会提示缺少对象。<br><br>2.js函数中有个储存参数的数组arguments ,所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现,修改上例:<br><br>function simue (){<br> var a = arguments[0] ? arguments[0] :<br>1<br> var b = arguments[1] ? arguments[1] :<br>2<br> return a+b<br>}<br>alert( simue() )//输出3<br>alert( simue(10) )//输出12<br>alert( simue(10,20) )//输出30

ES6 可以像PHP那样设置默认值。

function f(x = 1)

{

    console.log(x)

}

f()

// 输出:1

ES5 需要自己在代码里处理

function f(x)

{

    x = typeof x !== 'undefined' ? x : 1

    console.log(x)

}

f()

// 输出:1

alert(a + b )}可是,定义完之后一直在报错:缺少对象.经过查询才发现,javascript中的确不能这样定义,可以借肋于arguments 是实参数组,参考下例:js 代码<script type=text/javascript

function Test(a) {

var b = arguments[1] ? arguments[1] : 50

return a + ':' + b}alert(Test(5))

alert(Test(5,9))

测试后,果然成了。看来万事都有其规律,不能想当然。在此记录下来,免得以后再犯错。