JS / ES6: Zerstörung von undefinierten

Ich verwende eine solche Destrukturierung:

const { item } = content
console.log(item)

Aber wie soll ich damit umgehen content === undefined- was wird einen Fehler auslösen?

Der "alte" Weg würde so aussehen:

const item = content && content.item

Also, wenn contentundefiniert ist -> itemwird auch undefiniert sein.

Kann ich mit Destrukturierung etwas Ähnliches tun?

Sie können die Kurzschlussauswertung verwenden , um einen Standardwert contentanzugeben, wenn es sich normalerweise undefinedoder nullin diesem Fall um einen falschen Wert handelt.

const content = undefined
const { item } = content || {}
console.log(item)                       // undefined

Eine weniger idiomatische Methode ( siehe diesen Kommentar ) besteht darin, den Inhalt vor der Zerstörung in ein Objekt zu verteilen, da nullund undefinedsWerte ignoriert werden .

const content = undefined
const { item } = { ...content }
console.log(item) // undefined

Wenn Sie Funktionsparameter destrukturieren, können Sie einen Standardwert angeben ( = {}im Beispiel).

Hinweis: Der Standardwert wird nur angewendet, wenn der destrukturierte Parameter lautet. Dies undefinedbedeutet, dass Destrukturierungswerte nulleinen Fehler auslösen .

const getItem = ({ item } = {}) => item
console.log(getItem({ item: "thing" })) // "thing"
console.log(getItem())                  // undefined

try {
  getItem(null)
} catch(e) {
  console.log(e.message)                // Error - Cannot destructure property `item` of 'undefined' or 'null'.
}

Oder legen Sie einen Standardwert für die itemEigenschaft fest, wenn das Eingabeobjekt die Eigenschaft nicht enthält

const getItem = ({ item = "default" } = {}) => item
console.log(getItem({ item: "thing" })) // "thing"
console.log(getItem({ foo: "bar" }))    // "default"

const { item } = Object(content)

Die akzeptierte Antwort funktioniert nicht für wirklich undefinierte Werte, die nicht von festgelegt wurden const content = undefined. In solchen Fällen funktioniert dies:

const { item } = (typeof content !== 'undefined' && content) || {}
console.log(item)