美文网首页
扩展运算符,rest运算符

扩展运算符,rest运算符

作者: Amy_yqh | 来源:发表于2019-01-06 00:27 被阅读0次
1.对象扩展
// 对象扩展运算符,不确定传入多少个参数,可以使用扩展运算符...来表示,
//没有值的不会报错,只是undefined,es5的写法传入的参数没有,但是调用
//会报错
function f(...arg) {
    console.log(arg[0])//1
    console.log(arg[1])//2
    console.log(arg[2])//3
    console.log(arg[3])//undefined
}
f(1,2,3)

用途:
1.数组拷贝
let arr1 =[1,2,3,4];
let arr2 = arr1;//[1,2,3,4]
console.log(arr2);
arr2.push(5)
console.log(arr1);//[1,2,3,4,5]
// arr2添加了一个元素,arr1也会一起改变,这是因为arr1和arr2指向的内
//存空间是一致的,只要一个修改,另一个也
// 会同时改变,如果不想要这样,可以使用扩展运算符来赋值
let arr1 =[1,2,3,4];
let arr2 = [...arr1];//这里其实是赋值给arr2的是arr1的值,而不是对象
console.log(arr2);//[1,2,3,4]
arr2.push(5);
console.log(arr1);//[1,2,3,4]
console.log(arr2);//[1,2,3,4,5]

2.对象拷贝
let aa = {
    name:'111',
}
let bb = {...aa}
bb.age=18;
console.log(aa)//{name: "111"}
console.log(bb)//{name: "111", age: 18}
// rest 运算符,当传入的参数不确定时,使用rest运算符
function f(a,...arg) {
    for(let val of arg){
        console.log(val)
    }
}
f(1,2,3,4);

相关文章

网友评论

      本文标题:扩展运算符,rest运算符

      本文链接:https://www.haomeiwen.com/subject/ilcjrqtx.html