Javascriptの例外処理について

Question

Javascriptで、イベントによって発火した関数から例外を受け取る方法が知りたいです。
コールバックとして渡す関数全ての中にtry~catchを記述するのは面倒なのでやりたくないです。

window.addEventListener('event',()=>{
  //↓面倒
  try{
    //do
  }
  catch(e){
  }
});

イベントから呼ばれた処理や、出来れば非同期処理含め全ての例外を受け取る方法があれば教えてください。

Comments

[maisumakun]

どのような目的で行いたいのでしょうか？

[Alan_Smithee]

再現性の低い実行時エラーを探したいのと、単純にエラー表示したいからです。正直絶対に必要なわけではないですが、どうせなら全部のエラーを受け取れた方が楽かな⋯と

Answer 1

Window の error イベントリスナで受け取ることだけは可能です。catch することはできないので、例外が起きたらスクリプトが中断されるのは避けられません。ログ目的には有用でしょう。

Comments

[Alan_Smithee]

恥ずかしながらerrorイベントを知りませんでした⋯
メインスレッドはtry-catch、それ以外のイベント等はerrorイベントで受け取るようにしたら目的の動作になり解決しました
ありがとうございます

Answer 2

私もtryを全てに記述するのが面倒なので
例えばイベント処理は下記のような関数を通して呼び出すようにしてます。

function eve(target, name, callback, opt = false) {
	target.addEventListener(name, listener, opt);
	return;
	// イベントリスナー
	function listener(e) {
		try {
			callback(e);
		} catch(err) {
			// 例外処理
		}
	}
}

// 呼び出し例
eve(element, 'click', e => {});
eve(document.body, 'click', e => {}, {once: true});

全ての例外を受け取る方法があるかどうかは知りません。

Answer 3

全般的にエラーを捕捉する必要はないのでは？
別に文法エラーを拾いたいという話でもないでしょうから、エラーを返したりするのはAPIなどの仕様だと思うので、それに合ったtry-catchだけ用意しておけばいいので必要に応じて個別に任意で設定する方が合理的だと思います。

Comments

[Alan_Smithee]

拾いたいエラーは自分のミスによる実行時エラーです。devツールでのデバッグ以外の時(スマホで遊んでいる時とか)にエラーを簡単に確認出来る表示がしたくて、どうせなら全部拾いたいと思って質問しました。

[yambejp]

typoを含む設定ミスの場合単純にコンソールでのエラー捕捉やデバッグツール、トレーサーなどで対応する方が確実です。