首页 > 其他 > 详细

ES6对象扩展——扩展运算符

时间:2020-06-26 00:47:08      阅读:116      评论:0      收藏:0      [点我收藏+]

1、复制对象:使用扩展运算符复制对象时是浅拷贝

            //复制对象:使用扩展运算符复制对象时是浅拷贝
            const obj1 = {
                a:1,
                b:2,
                d:{
                    aa:1,
                    bb:2
                }
            }
            const obj2 = {
                c:3,
                a:9
            }
            const cObj1 = {...obj1};
            
            console.log(cObj1.d.aa); //1
            cObj1.d.aa = 999;
            console.log(cObj1.d.aa);  //999
            console.log(obj1.d.aa);   //999
            

 

2、合并对象时,当有相同属性名时,保留靠后的那一个

                        //代码接上
            //合并对象:当有相同属性名时,保留靠后的那一个
            const newObj = {
                ...obj1,
                ...obj2
            };
            newObj.d.aa = 22;
            //合并对象时也是浅拷贝
            console.log(obj1);  //22
            
            

 


 

ES6对象扩展——扩展运算符

原文:https://www.cnblogs.com/rickdiculous/p/13193500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!