ES6中的展开运算符和解构对象

Posted 2021-05-13 活着

let obj = {
a:1
b:2
}
let obj2 = {
...obj
c:3
d:4
}
console.log(obj2)//1,2,3,4,对象展开

//常考题目
let a = 1
let b = 2
将两个值交换，过去是通过声明一个变量c来解决
现在可以通过解构变量
[a,b] = [b,a] //数组，对象，字符串都可以进行解构变量

//解构对象的剩余参数通过展开运算符会变成一个新对象，将obj2对象展开
let {a,b,...c} = obj2
consoloe.log()//1,2,{3,4}   剩余参数的展开会变成一个对象
//利用剩余参数通过展开运算符创建新对象的特性，可以解决复杂数据类型的引用问题()
//简单类型是指基本数据类型又叫做值类型；复杂类型除简单类型之外的数据类型又叫做引用类型
//简单类型在存储时存储的是值本身，而复杂类型存储的是一个地址这就会导致相同引用地址的数据会互相影响


//通过展开运算符怎么解决呢？
let obj = {a:1}
let obj2 = obj//将obj的存储地址给了obj2
obj2.a = 2//这会导致obj.a 和obj2.a 的值都变为2
let obj2 = {...obj}//这里{...obj}创建了一个新的对象就不会影响obj地址的值