JAVASCRIPT でうまくいかなかったときのミス覚書

ド素人が検索しながらJavaScriptの勉強をしていく上で、上手く行かなかった時にやってたミスなど

ハマった時のチェックリスト覚え書き

（さらに追記されていくかも。）

---

◆外部スクリプトが読み込まれていない

事前に読み込まれているはずの外部スクリプトが（ASYNCにした等）実行時点でまだ読み込まれていなかった

（※jQueryの関数を使っているのにjQueryが読み込まれていなかったというのはよくあるようです）

---

◆綴間違い

誤 <scrtpt> 正 <script>

---

◆スクリプトの順番の間違い

配列のデータを扱うのに、配列の定義が後になっていたとか

---

◆CSSの強度優先関係で負けていた

※これはスクリプトの問題ではなくCSSの問題ですが

---

◆メソッド間違い

「 appendChild 」と書かなければいけないのに「 append 」になっていた

（※「 append 」はjQueryのメソッドで「 appendChild 」とは異なる）

---

◆「 = 」忘れ

配列宣言してるのに「 = 」を忘れていた

誤 var array[]; 正 var array = [];

---

◆文字列をクォーテーションで括らなかったために変数になっていた

var array = ['A', 'B', 'C'];

と配列を宣言した時

誤 array[2] == C 正 array[2] == 'C'

みたいな。

---

◆関数名の「()」の打ち忘れ

誤 onclick="関数名" 正 onclick="関数名()"

---

◆大文字小文字の間違い

※JavaScriptでは大文字小文字は区別される

誤 Alert('test') 正 alert('test') 誤 document.getElementByID('hogehoge'); 正 document.getElementById('hogehoge');

---

◆クオーテーションの括り間違い

（「 ' 」「 " 」の括り方の間違い、三重括りになっているなど）

誤 document.write("<a href="http://www.url/">hogehoge</a>"); 正 document.write('<a href="http://www.url/">hogehoge</a>');

---

◆末尾の「 ; 」の打ち忘れ

JavaScript では行末に「 ; 」が必要です

つけなくてもある程度動くらしいですが、問題が起きるケースもあるようです（実際起きてるし）
https://blog.tai2.net/automatic_semilocon_insertion.html

---

FirefoxやChromeの「開発ツール」を使っても良いですが、慣れてない人は使い方が分かりにくいので

JavaScript構文チェックサービスなどを利用してもよいかも？

JS Hint

んーこちらも英語で、分かりにくいですけどね(^^;;;)