Catch Syntax error in JavaScript for ES6 not supported browsers

Question

I have code that use ES6 and jQuery Terminal and I want to show error if syntax error happen (in Terminal) which is probably because browser don't support ES6.

I have code like this:

window.onerror = function(message) {
   message += '. Your browser may not support ES6.';
   var term = $('body');
   var args = [].slice.call(arguments);
   if (term.hasClass('terminal')) {
       $.terminal.active().error(message);
   } else {
       $('body').terminal(function() {
           this.error('You need to use modern browser');
       }, {greetings:greetings}).error(message);
   }
};

I made syntax error in code I've put <> that simulat syntax error that would happen in IE for var {foo} = bar. But the terminal don't show up and there was no error on screen.

jcubic · Accepted Answer · 2018-02-24 16:19:34Z

1

The problem was that onerror handler was in the same script as the code that was triggering syntax error, so the execution was aborted and onerror was not executed.

Solution was to put onerror handler in separated <script> tag before my code, like this:

  <script>
   var greetings = 'greeting';
   window.onerror = function(message) {
       message += '. Your browser may not support ES6.';
       var term = $('body');
       // only ES5
       var args = [].slice.call(arguments);
       if (term.hasClass('terminal')) {
           $.terminal.active().error(message);
       } else {
           $('body').terminal(function() {
               this.error('You need to use modern browser');
           }, {greetings:greetings}).error(message);
       }
   };
  </script>
  <script src="es6-library.js"></script>
  <script>
  /* my ES6 code */
  </script>

edited Feb 24, 2018 at 16:19

answered Feb 24, 2018 at 16:13

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Catch Syntax error in JavaScript for ES6 not supported browsers

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related