【JavaScriptのメモ】条件式ifについての注意事項

以下のコードを実行すると、HTMLにどの条件式が実行されるでしょうか？

let hour = 14;
if (hour > 9) {
  document.write('Good Morning');
} else if (hour > 11) {
  document.write('Good Afternoon');
} else if (hour > 17) {
  document.write('Good Evening);
} else if (hour > 22) {
  document.write('sleepy');
} else {
  document.write(hour);
}

答えは、最初にtrueになるif (hour > 9) です。

【注意事項】
if文は一番早くtrueとなる処理だけ実行するので、後ろのelse ifでも条件が当てはまるからといって処理が実行されるわけでは無い。
つまり、先に実行されるtrue処理のみ表示する。
先のtrueの処理が完了すれば、処理そのものが終了し、以降の条件式は実行されない。