【ES6+】004
【ES6+】004
一、ES6中函数参数的默认值1、概述ES允许给函数的参数赋初始值；2、代码示例及相关说明代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>函数参数默认值</ti
【ES6+】004
1、概述
ES允许给函数的参数赋初始值；
2、代码示例及相关说明
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>函数参数默认值</title>
</head>
<body>
<script>
//ES6 允许给函数参数赋值初始值
//1. 形参初始值 具有默认值的参数, 一般位置要靠后(潜规则)
function add(a,b,c=10) {
return a + b + c;
}
let result = add(1,2);
cole.log(result); // 1
//2. 与解构赋值结合
// 注意这里参数是一个对象
function connect({host="127.0.0.1", username,password, port}){
cole.log(host)
cole.log(username)
cole.log(password)
cole.log(port)
}
connect({
host: 'atguigu',
username: 'root',
password: 'root',
port: 06
})
</script>
</body>
</html>1、概述
ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments；
参考文章：
2、代码示例及相关说明
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>rest参数</title>
</head>
<body>
<script>
// ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments；
// ES5获取实参的方式
function data(){
cole.log(arguments);
}
data("大哥","二哥","三哥","四哥");
// ES6的rest参数...args，rest参数必须放在最后面
function data(...args){
cole.log(args); // fliter some every map
}
data("大哥","二哥","三哥","四哥");
</script>
</body>
</html>、运行结果
1、介绍
... 扩展运算符能将数组转换为逗号分隔的参数序列；
扩展运算符（spread）也是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列，对数组进行解包；
2、基本使用
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>扩展运算符</title>
</head>
<body>
<script>
// ... 扩展运算符能将数组转换为逗号分隔的参数序列
//声明一个数组 ...
ct tfboys = ['易烊千玺', '王源', '王俊凯'];
// => '易烊千玺','王源','王俊凯'
// 声明一个函数
function chunwan() {
cole.log(arguments);
}
chunwan(...tfboys); // chunwan('易烊千玺','王源','王俊凯')
</script>
</body>
</html、运行结果
4、应用
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>扩展运算符应用</title>
</head>
<body>
<div id = "d1"></div>
<div id = "d2"></div>
<script>
//1. 数组的合并 情圣 误杀 唐探
ct kuaizi = ['王太利','肖央'];
ct fenghuang = ['曾毅','玲花'];
// 传统的合并方式
// ct zuixuanxiaopingguo = (fenghuang);
ct zuixuanxiaopingguo = [...kuaizi, ...fenghuang];
cole.log(zuixuanxiaopingguo);
//2. 数组的克隆
ct sanzhihua = ['E','G','M'];
ct sanyecao = [...sanzhihua];// ['E','G','M']
cole.log(sanyecao);
//. 将伪数组转为真正的数组
ct divs = document.querySelectorAll('div');
ct divArr = [...divs];
cole.log(divArr); // arguments
</script>
</body>
</html>5、运行结果
#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间： 2025-07-23 09:27:12
推荐阅读
| 留言与评论（共有 8 条评论） |
| 本站网友 婴儿奶粉销量排行榜 | 13分钟前 发表 |
| 原始发表：2025-01-06 | |
| 本站网友 百度网盘提取码 | 3分钟前 发表 |
| rest参数1 | |
| 本站网友 郭美美事件评论 | 10分钟前 发表 |
| 概述ES允许给函数的参数赋初始值；2 | |
| 本站网友 辽宁男科 | 7分钟前 发表 |
| username | |
| 本站网友 台风温比亚 | 10分钟前 发表 |
| password | |
| 本站网友 大庆二手房出售 | 20分钟前 发表 |
| '王源' | |
| 本站网友 补铁的食物 | 26分钟前 发表 |
| 概述ES6 引入 rest 参数 | |