对象的扩展运算符

不念不忘少年蓝@ 2022-03-11 12:08 169阅读 0赞

之前我写过一篇笔记就是说扩展运算符的。可是[那个笔记][Link 1]说的并不全面。以前我一直片面的认为，扩展操作符只能作用于数组而不能作用于对象，而且只能在函数调用的时候使用，可实际上扩展操作符是可以作用于对象的。

### 文章目录 ###

*  解构赋值
 *  扩展运算符

# 解构赋值 #

应该来说，扩展运算符用在解构赋值中更像是`rest`参数。同样是把目标对象还未读取的字段，分配到指定的对象。例如

let {
        a, b, ...c} = {
        a: 12, b: 13, c: 15, d: 16, e: 17};
    console.log(a); //12
    console.log(b); //13
    console.log(c); //{c: 15, d:16, e: 17}

它跟`rest`参数很像的一个地方在于它也是只能放在最后一个，如果放在其他的位置上则会报语法错误，例如

let {
        a, ...b, c} = {
        a: 12, b: 13, c: 15, d: 16, e: 17};

需要注意的是，解构赋值的拷贝是浅拷贝。也就是说，对于像对象这些引用类型，那么拷贝的则是它们的引用。

let obj = {
        a:{
        b: 100}};
    let {
        ...x} = obj;
    obj.a.b = 1000;
    console.log(x.a.b);   //1000

# 扩展运算符 #

在对象中，扩展运算符虽不是在函数调用时使用，但是效果却也和用在数组上差不多。

可以用对象的扩展运算符来实现对对象的复制（只是字段）。例如

let x = {
        a: 1, b: 2, c: 3};
    let y = {
        ...x};
    console.log(y); //{a: 1, b: 2, c: 3}

实际上我理解这样的操作就相当于是使用了`Object.assign`方法。

let x = {
        a: 1, b: 2, c: 3};
    let y = {
        ...x};
    
    //等同于
    Object.assign({
        }, x);

[Link 1]: https://blog.csdn.net/hjc256/article/details/86768523

对象的扩展运算符

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 es6 对象的扩展、函数的扩展、扩展运算符

相关扩展运算符的应用

相关对象的扩展运算符

相关 generator ... 扩展运算符

相关 ES6扩展运算符

相关数组的扩展→扩展运算符（...）

相关扩展运算符：扩展对象的属性

相关扩展赋值运算符

相关再说...扩展运算符

相关 ES6扩展运算符...