お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

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

んーこちらも英語で、分かりにくいですけどね(^^;;;)
WEBデザイン
スポンサーリンク
スポンサーリンク
調整中…
スポンサーリンク
調整中…
SKILLS OF LIFE 3

コメント

タイトルとURLをコピーしました