【メモ】メディアクエリに合わせてjavascriptに何らかの処理を行わせる【暫定】 #JavaScript

脱JQueryシリーズ。

javascriptだけでロード時やリサイズ時にメディアクエリに合わせて処理を変えたい。というか変えなきゃいけない場面に出くわしたわけです。
毎度のこと、JQueryの偉大さを痛感させられます・・・。

function fireForEachSize(){
  if(window.matchMedia('(min-width: 1025px)').matches){
    console.log('PC用の処理書いてね！')
  }else if(window.matchMedia('(min-width: 600px)').matches){
    console.log('タブレット用の処理書いてね！')
  }else{
    console.log('モバイル用の処理書いてね！')
  }
}
window.addEventListener('load', fireForEachSize);
window.addEventListener('resize', fireForEachSize);

内容はどうなかは別としてとりあえず動く・・・。
何か良案お持ちのかたは是非おねがいします！！！