Q&A
回答ありがとうございます！
ajaxは、
データがダウンロードできた時とできなかった時の両方のパターンを書かないといけないというルールに従って、、、
問題視されてる部分は、.doneと.failの間（文章の途中のようなもの）だから;（セミコロン）は必要ない！ということでしょうか？
今、Javascript、jQueryを勉強していて
すごく初歩的なところをちゃんと考えてみたら、、、
わからなくなってしまったのですが、
;（セミコロン）
は必ずつけるべきですよね？
例えば、
function(){
内容
};
のようにちゃんとセミコロンはつけるべきですよね？
勉強してる本でセミコロンがついてない箇所があり、ふと疑問に思いました！
ちなみにつまずいてるところです。
<script> $(document).ready(function(){ //ファイルの読み込み $.ajax({url:'data.json', dataType:'json'}) .done(function(data){ $(data).each(function(){ if(this.crowded === 'yes'){ var idName = '#' + this.id; $(idName).find('.check').addClass('crowded'); } }); }); .fail(function(){ window.alert('読み込みエラー'); }); //クリックされたら空き席状況を表示 $('.check').on('click', function(){ if($(this).hasClass('crowded')){ $(this).text('残席わずか').addClass('red'); }else{ $(this).text('お席あります').addClass('green'); } }); }); </script>このプログラムの
.fail(function(){
window.alert('読み込みエラー');
この上の
});
この部分が本では
})
こうなっています。
しかも僕が書いた
});
これでは動作しませんでした。。。
逆に本にあった
})
これで動作しました。
なぜなのでしょうか？
回答5件
0
文末が行末となるときにセミコロンを書いても書かなくてもいい言語として、JavaScriptとRubyがあります。
行末にセミコロンが無い場合、Rubyの場合は、「行末が文末と見なすことが出来れば文末と見なす」という割とわかりやすいルール（一部例外有り）なのですが、JavaScriptは、「次の行先頭の構文要素をつなげても文法的にありえれば続いていると見なす」という、わかりにくいルールです。
ということで、文末には積極的にセミコロンを書きます。
セミコロンを省略して、「つながっている」と判断された場合には、良くて実行時エラーになり、下手するとエラーにならず意図しない結果になります。
Google JavaScriptスタイルガイドより： つながっているとみなされてしまう例。
JavaScript
1MyClass.prototype.myMethod = function() { 2 return 42; 3} // ここにセミコロンがない 4 5(function() { 6 // この一時的なブロックスコープで初期化処理などを行う 7})();
なお、上記のような関数式ではなく、下記のような普通の関数定義の場合は、}の後のセミコロンは無いのが正常です。もちろん書いても、空文があるとみなされるだけなので、書いてもかまいません。
JavaScript
1function foo() { 2 ・・・・・; 3}
読んでいる本がセミコロンを書いていないのがこのようなケースなら、おかしな本ではありません。
投稿2015/11/30 11:39
総合スコア86260
0
ベストアンサー
javascript の文法に従って適切に ; をつけることが大事です。
むやみに 文末の ; をつけるというのは間違いの元です。
$.ajax({url:'data.json', dataType:'json'})
.done(function(data){
....
})
.fail(function(){
...
});
の .fail(...) { ... } は、$.ajax( .. ) の引数の一部なので、
その上を }); としてしまうとエラーになります。
atom というエディタで javascript の書式チェック機能(lint) を有効にした状態では
次のようにエラーが指摘されます。
}) とすると、エラーは解消します。
上は次のように改行しても良いのです。
$.ajax({
...
}).done(function(data){
...
}).fail(function(data){
...
});
参考：
- jQueryのajaxの書き方 http://blog.ext.ne.jp/?p=2038
...
$.ajax({
type: 'POST',
url: 'example.php',
data: {
example: 'test'
}
}).fail(function () {
// エラー処理
}).done(function () {
// 成功処理
});
...
投稿2015/11/30 12:51
総合スコア22328
文末じゃないところに ; を入れたら、エラーになるのは当然だと思います。
必要ないじゃなくて、文末じゃないところに ; を入れてはいけません。
0
Javascriptはセミコロンの不要な言語ではなく、あるルールに従って自動で補完してくれる言語です。
そのルールを把握せずにセミコロンを省略するのはただただ危ないですし（文法を知らずにプログラムを書いているってことです）、ではそのルールを把握したらどうなのかというと、把握したら「あ、これは省略せずに書いた方がいいな」と納得できるかと思います。
投稿2015/11/30 11:18
総合スコア5570
回答ありがとうございます！
文章を追加で書いたので見ていただいて、
それについて回答いただけると大変嬉しいです。
よろしくお願いします！
追記部分ですが、該当部分は続いているためです。
ドットシンタックスというもので、a.bのようにするとオブジェクトaのプロパティbにアクセスします。
$.ajax()の戻り値のfail()にアクセスしているわけですが
$.ajax().fail(); としていたものを$.ajax();.fail();こう書き換えてしまったため動作しなくなっています。
返答ありがとうございます！
つまり、式に途中のようなものなのに;（セミコロン）を入れてしまったからエラーになったということですよね？
そうですね。
$.ajax();
.fail();
では「.fail()」がドットから始まる変な要素になってしまいますし、$.ajax()からも独立してしまいます。
返答ありがとうございます！
すごくわかりやすかったです！
ありがとうございました！
0
自動でセミコロンが補完されることもあるので、動くことは動きます。(いつもかは知らないけど)
出典の書籍名を提示するとそんなつまらない本を買う方が悪いと言われるかも？
手を抜くよりきちんと書くことを心がけてください。
投稿2015/11/30 11:09
総合スコア16417
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/30 12:21
2015/11/30 13:14
2015/11/30 14:37
2015/12/07 04:52
2015/12/07 11:46