```
const person = {
firstName,
lastName,
}
```
### 等價于
```
const person = {
firstName:firstName,
lastName:lastName,
}
```
### **使用解構賦值給變量賦值**
```
const person = {
firstName: 'Stephen',
lastName: 'Curry',
};
const {firstName, lastName} = person;
//本質{firstName: firstName, lastName: lastName} = { firstName: 'Stephen', lastName: 'Curry',}
console.log(firstName);//Stephen
console.log(lastName);//Curry
```
### **參數解構**
```
function sayName({ firstName, lastName }) {
//本質 { firstName: firstName, lastName: lastName } = { firstName: 'Stephen', lastName: 'Curry'}
//在參數傳遞進來的時候進行了解構賦值，所以可以直接訪問firstName, lastName 這兩個變量
console.log( firstName + ' ' + lastName );//Stephen Curry
}
let person = {
firstName: 'Stephen',
lastName: 'Curry'
}
sayName(person); // Stephen Curry
```
實踐中，我們會經常用到 ES6 的**參數解構**來簡化代碼（特別是我們需要調用`commit`很多次的時候）：
~~~
actions: {
increment ({ commit }) {
//本質 { commit：commit } = { commit ：function(){},.... }
commit('increment')
}
}
~~~
