JavaScriptのデフォルト引数の記法が分かりません

Question

next.jsのexampleを見ていたら、次のような書き方がありました。

export const withRedux = (PageComponent, { ssr = true } = {}) => {
...
}

適当なファイルを作って適当な値を入れてみたのですが、

export const withRedux = (PageComponent, { ssr = true }) => {
...
}

との違いがわかりません。
詳しい方教えてください！

Comments

[m.ts10806]

nextではなくNuxtでは

[maisumakun]

React系でnext.jsは存在しますので、「Nuxt.js」というタグのほうが誤設定かと思います。

[makkuro]

すみません！サジェストで出てきたNuxt.jsというタグをNext.jsだと見間違えて追加してしまったようです。ご指摘ありがとうございます

[m.ts10806]

なるほど。自身で記入する際も大文字小文字も大別して正確に表記された方がトラブルは少ないかと思います

Answer 1

ちょうど少し前に自分が回答した質問と重なるのですが、{ ssr = true }だけにしてしまうと、引数が来なかった場合にundefined扱いとなり、プロパティ参照がエラーとなってしまいます。

そのため、引数全体のデフォルト値も別途で必要となります。

Comments

[makkuro]

なるほど！ちゃんと理由があったんですね
過去のご回答も見て理解できました！