木子屋
 

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

作者: dnawo

日期: 2022-07-29 10:02 AM

分类: 脚本语言

内容: 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)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

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

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms