木子屋 Dnawo's BLOG

ES6学习笔记:扩展运算符使用场景

👤 dnawo 📅 2022-07-29 👁 3337 👍 0 💬 0 🔄 来源:本站原创
ES6新增了一个运算符:扩展运算符,用三个点(...) 表示,它的使用场景有以下3种:

1、扩展运算符做函数形参

扩展运算符做函数形参时,也称rest参数,与其搭配的变量是一个数组,所有匹配的实参都会被放入这个数组中:

var fun = function(...args){
	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]);

说明:扩展运算符只有做函数实参时才可以放在圆括号中,否则会出错。

3、使用扩展运算符创建数组

var arr1 = [1,...[2,3,4],5];
var arr2 = [...document.querySelectorAll('div')];

评论(0)

暂无评论。

验证码
评论需审核通过后显示
← 上一篇 ES6学习笔记:变量的解构赋值 下一篇 → ES6学习笔记:Set和Map数据结构