实例代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>函数的参数与返回值</title>
</head>
<body>
<script>
let f=(a,b)=>a+b;
console.log(f(10,20));
console.log(f(10));
// NaN:not a number
// 1.参数不足:默认参数
f=(a,b=0)=>a+b;
console.log(f(10,5));
// 2.参数过多
f=(a,b)=>a+b;
console.log(f(1,2,3,4,5));
// 如何将全部参数接收到?剩余参数...
// ...rest:用在函数的形参中,归并
f=(a,b,...c)=>console.log(a,b,c);
// 将多出来的3,4,5压入到数组c中
console.log(f(1,2,3,4,5));
let arr=[1,2,3,4,5];
// 将一个数组打散,变成一个个离散的值
console.log(...arr);
console.log(f(...arr));
// 与下面这条语句功能一样
console.log('------------');
console.log(f(1,2,3,4,5));
// ...用在参数调用时的实参中,是解包,打散
// f=(a,b,c,d,e,f)=>a+b+c+d+e+f;
f=(...arr)=>arr.reduce((a,c)=>a+c);
console.log(f(1,2,3,4,5,6,7,8,9,10));
// 返回值:函数只能有一个返回值,默认单值返回
// 需要返回多个值怎么办?数组,对象
// 本质上仍然返回一个值,只不过这是一个引用类型的复合值
// function fn(){
// return [1,2,3];
// }
let fn=()=>[1,2,3];
let res=fn();
console.log(res);
fn=()=>({
id:2,
name:'mary',
age:18
});
res=fn();
console.log(res);
</script>
</body>
</html>
控制台效果如下:
相关推荐
© 2020 asciim码
人生就是一场修行