両者の違いが分かりません
・window.innerWidth
・window.matchMedia

・それぞれ戻り値が異なると思うのですが、「window.matchMedia」の戻り値である「 MediaQueryList オブジェクト」は、内部で「window.innerWidth」処理をしているわけではないのでしょうか？

試しに、

window.matchMedia( "(min-width: 400px)" )

をコンソール表示すると、下記になります

MediaQueryList {media: "(min-width: 400px)", matches: true, onchange: null}

「window.matchMedia」は引数内容がマッチしているかどうかを返すだけなので、実際の幅は返さない？
・マッチしているかどうかの判定はどこで行っているのでしょうか？
・「__proto__」の「get matches関数」？
・そこで「window.innerWidth」を使用しているかどうかは分からない？