js物件結構賦值const {XXX } =this
阿新 • • 發佈:2021-10-13
樣例1:
const { xxx } = this.state;
上面的寫法是es6的寫法,其實就相當於:
const xxx = this.state.xxx
樣例2:
const {comment,index,deleteComment} = this
上面的這句話是一個簡寫,最終的含義相當於
const comment = this.comment
const index = this.index
const deleteComment = this.deleteComment
將一個物件展開並且將其中的部分屬性給另一個物件
示例:
原物件 a={ a1=xxx, b1=xxx, c1=xxx } 想得到的b物件 b={ a1=xxx, b1=xxx }
方法:
const {a1,b1} = a; const b ={a1,b1}
// 把a物件裡的a1,b1解構賦值
原理:
ES6解構賦值
物件的解構賦值是根據key值進行匹配
// 這裡可以看出,左側的name和右側的name,是互相匹配的key值
// 而左側的name匹配完成後,再賦值給真正需要賦值的Name
let { name:Name,age } = { name:'swr',age:28 }
console.log(Name) // 'swr'
console.log(age) // 28
本文來自部落格園,作者:懶得想名字丶丶,轉載請註明原文連結:https://www.cnblogs.com/wywblogs/p/15403400.html