両者の違いが分かりません
・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」を使用しているかどうかは分からない?