ES6系列笔记-参数
1：参数的展开和扩展
function show(a,b,...args){
console.log(a);
console.log(b);
console.log(args);
}
show(12,13,44,7,3,55);打印结果如下：
// 注意
// 1：收集剩余的参数，args数组名称可以自己命名
// 2：必须放在最后一个位置2：展开一个数组,展开后的效果和把数组直接写出来是一样的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
//2：展开一个数组,展开后的效果和把数组直接写出来是一样的
let arr1 = [1, 2, 3, 4];
let arr2 = [5, 6, 7]
let arr = [...arr1, ...arr2];
// let arr=[1,2,3,4,5,6,7];
console.log(arr);
</script>
</html>打印结果如下：
3:参数的扩展和数组展开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
//参数的扩展和数组展开
//把参数收集起来，展开给fn
function show(...args) { //...args接收到 11,3
fn(...args);
}
function fn(a, b) {
console.log(a + b);
}
show(11, 3); //14
</script>
</html>打印结果如下：
4：默认参数,传参就显示传的参数，不传参就显示默认的参数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
//默认参数,传参就显示传的参数，不传参就显示默认的参数
function show(a, b = 4, c = 44) {
console.log(a, b, c);
}
show(11);
show(11, 32, 1);
</script>
</html>打印结果如下：
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读