Q&A
ありがとうございます。
安全装置としてtry...catch...は使えないのですね。
webページ上で、JavaScriptのどんなエラーが起こったかをDBに送信するような仕組みを作ろうとした場合、使えそうな仕組みはありますか（曖昧な表現で申し訳ありません）。調べてみるべきキーワードなど教えていただけると幸いです。
（ちなみに使える言語・DBは、JavaScript、PHP、mysqlで、それ以上の深い機能は使えません。）
前提
JavaScriptでエラーをキャッチしたいが，キャッチできる場合とできない場合がある．
（非同期，同期などという複雑な問題ではないと思われます．）
実現したいこと
キャッチできない理由を知り，キャッチできるようにコードを書き換えたい．
該当のソースコードと発生している問題・エラーメッセージ
JavaScritpt
1try { 2 aler(); //alertの「t」のつけ忘れ 3} catch (error) { 4 console.error("えらー:"+error); 5}
だと，コンソールに「えらー:ReferenceError: aler is not defined」が返ってくる．
=エラーがキャッチできている．
しかし，
JavaScritpt
1try { 2 alert(; //閉じカッコのつけ忘れ 3} catch (error) { 4 console.error("えらー:"+error); 5}
だと，「Uncaught SyntaxError: Unexpected token ';' 」が返ってくる．
=キャッチできていない．（ブラウザ?はキャッチしているが，上記コード上ではキャッチできていない．）
試したこと
上記のコードを実行し，コンソールの内容を見ました．
また，ここ↓も調べてみましたが，よく分かりませんでした．
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/try...catch
mozilla（上記）ではテキストエリアに前者のエラーも，後者のエラーもメッセージを出力します．
しかし，コンソールには前者のエラーは出力されますが，後者のエラーは何も表示されていません．
特別なエラー検知の仕組みを準備しているものと推測されますが，詳しいことはよく分かりません．
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答4件
8
ベストアンサー
catchできない理由はエラーメッセージに表示されている通り、「シンタックスエラー（構文ミスによるエラー）だから」です。
- 前者のエラーは
aler()を実行しようとしたけどできなかったので、キャッチできました。aler()という任意で定義したかもしれない関数を検索してみたけどなかったという感じです。- 処理上のエラーをプログラムで検知しています。
- 後者のエラーはシンタックスエラーです、
- つまりわかりやすく極端にいうと、それはJavaScriptのコードではありません。
alert(;なんていう文法はJavaScriptには存在しません。- よって、そもそもJavaScriptを書いていないので全体的にコードが機能していません（例えば、
.jsというファイルの中に、pythonの文法で書いたらエラーになりますよね。そういう感じです）。 - プログラム自体が動作していないのですから、try/catchどころの問題ではありません。
- ブラウザ（開発者ツール）が「それはJavaScriptの文法とは違うから何もできないよ！！！」と警告してくれています。
ご質問の内容は後者のコードもtry/catchさせたいとのことですが、無理だと思います。
だってそのコードはJavaScriptではないのですから…！
投稿2023/01/29 17:09
編集2023/01/29 18:10
総合スコア2314
1
違いについては Cocode さんの回答があるので、以下の点だけ。
mozilla（上記）ではテキストエリアに前者のエラーも，後者のエラーもメッセージを出力します．
catch されていない例外やエラーを受け取る仕組みがあります。
https://developer.mozilla.org/ja/docs/Web/API/Window/error_event
投稿2023/01/30 01:39
総合スコア20139
回答へのコメント
ありがとうございます！
このようなものがあったのですね。
道が開けた気がします！！！
これから試してみます。とりいそぎお返事まで。
これ↓で試してみました。
<button id="btn">btn</button>
<script>
const btn = document.getElementById('btn');
window.addEventListener("error", function(){
console.log("えらー:");
});
btn.addEventListener('click', function(){
alert();
});
</script>
「aler();」 はキャッチできましたが、
「alert(;」はキャッチできませんでした。Uncaught SyntaxError となってしまいました。
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。
2023/01/30 01:13
2023/01/30 02:27
2023/01/30 05:12
2023/01/30 05:59
2023/01/30 16:17
2023/01/30 16:35 編集
2023/02/03 10:22