之前我写过一篇笔记就是说扩展运算符的。可是那个笔记说的并不全面。以前我一直片面的认为,扩展操作符只能作用于数组而不能作用于对象,而且只能在函数调用的时候使用,可实际上扩展操作符是可以作用于对象的。
解构赋值
应该来说,扩展运算符用在解构赋值中更像是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);
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225809.html原文链接:https://javaforall.net
