使用解構賦值時容易發生的一個錯誤

考慮下面 3 段代碼，看看它們的結果都是多少？

代碼 1：

const obj = { name: 'smith' }
const { name, skill='javascript' } = obj
console.log(name, skill)

代碼 2：

const obj = { name: 'smith', skill: null }
const { name, skill='javascript' } = obj
console.log(name, skill)

代碼 3：

const obj = { name: 'smith', skill: undefined }
const { name, skill='javascript' } = obj
console.log(name, skill)

---

答案:

1. smith javascript
2. smith null
3. smith javascript

這裏容易出錯的地方在於，只有當 obj 中 skill 爲 undefined 時，纔會使用默認值。在 代碼 2 中 obj 爲 { name: 'smith', skill: null }， skill 不爲 undefined，所以解構賦值後 skill 的值仍爲 null。