上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
最新日志:
不错呦！smile@林凯西，确保“准备文件”中的几个文件都有安装，S...您好，看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了，主要是A...PJ3啊，貌似很少有人用PJ了，现在不是WP就是z...@332347365，我当时接入时错误码没有-10...楼主，ChkValue值应为-103是什么意思呢？...大哥 你最近能看到我发的信息，请跟我联系，我有个制...
ES6学习笔记：扩展运算符使用场景
编辑:dnawo 日期:2022-07-29
ES6新增了一个运算符：扩展运算符，用三个点(...) 表示，它的使用场景有以下3种：
1、扩展运算符做函数形参
扩展运算符做函数形参时，也称rest参数，与其搭配的变量是一个数组，所有匹配的实参都会被放入这个数组中：
说明：扩展运算符做函数形参时只能是最后一个参数，否则会报错，同时，函数的length属性，不包括rest参数。
2、扩展运算符做函数实参
扩展运算符做函数实参时，用于将一个数组转为用逗号分隔的参数序列：
说明：扩展运算符只有做函数实参时才可以放在圆括号中，否则会出错。
3、使用扩展运算符创建数组
1、扩展运算符做函数形参
扩展运算符做函数形参时，也称rest参数，与其搭配的变量是一个数组，所有匹配的实参都会被放入这个数组中：
复制内容到剪贴板
程序代码
程序代码var fun = function(...args){
alert(args.join("-"));
}
fun(1,2,3); //1-2-3
alert(args.join("-"));
}
fun(1,2,3); //1-2-3
说明：扩展运算符做函数形参时只能是最后一个参数，否则会报错，同时，函数的length属性，不包括rest参数。
2、扩展运算符做函数实参
扩展运算符做函数实参时，用于将一个数组转为用逗号分隔的参数序列：
复制内容到剪贴板 程序代码
程序代码var fun = function(x,y,z){
alert(x + "-" + y + "-" + z);
}
fun(...[1,2,3]);
alert(x + "-" + y + "-" + z);
}
fun(...[1,2,3]);
说明：扩展运算符只有做函数实参时才可以放在圆括号中，否则会出错。
3、使用扩展运算符创建数组
复制内容到剪贴板 程序代码
程序代码var arr1 = [1,...[2,3,4],5];
var arr2 = [...document.querySelectorAll('div')];
var arr2 = [...document.querySelectorAll('div')];
评论: 0 | 引用: 0 | 查看次数: 2457
发表评论
请登录后再发表评论！
