Exception Handling

JavaScript has an Error class that you can use for exceptions. You throw an error with the throw keyword. You can catch it with a try / catch block pair e.g.

  1. try {
  2. throw new Error('Something bad happened');
  3. }
  4. catch(e) {
  5. console.log(e);
  6. }

Error Sub Types

Beyond the built in Error class there are a few additional built-in error classes that inherit from Error that the JavaScript runtime can throw:

RangeError

Creates an instance representing an error that occurs when a numeric variable or parameter is outside of its valid range.

  1. // Call console with too many arguments
  2. console.log.apply(console, new Array(1000000000)); // RangeError: Invalid array length

ReferenceError

Creates an instance representing an error that occurs when de-referencing an invalid reference. e.g.

  1. 'use strict';
  2. console.log(notValidVar); // ReferenceError: notValidVar is not defined

SyntaxError

Creates an instance representing a syntax error that occurs while parsing code that isn’t valid JavaScript.

  1. 1***3; // SyntaxError: Unexpected token *

TypeError

Creates an instance representing an error that occurs when a variable or parameter is not of a valid type.

  1. ('1.2').toPrecision(1); // TypeError: '1.2'.toPrecision is not a function

URIError

Creates an instance representing an error that occurs when encodeURI() or decodeURI() are passed invalid parameters.

  1. decodeURI('%'); // URIError: URI malformed

Always use Error

Beginner JavaScript developers sometimes just throw raw strings e.g.

  1. try {
  2. throw 'Something bad happened';
  3. }
  4. catch(e) {
  5. console.log(e);
  6. }

Don’t do that. The fundamental benefit of Error objects is that they automatically keep track of where they were built and originated as the stack property.

Raw strings result in a very painful debugging experience and complicate error analysis from logs.

You don’t have to throw an error

It is okay to pass an Error object around. This is conventional in Node.js callback style code which take callbacks with the first argument as an error object.

  1. function myFunction (callback: (e?: Error)) {
  2. doSomethingAsync(function () {
  3. if (somethingWrong) {
  4. callback(new Error('This is my error'))
  5. } else {
  6. callback();
  7. }
  8. });
  9. }

Exceptional cases

Exceptions should be exceptional is a common saying in computer science. There are a few reasons why this is true for JavaScript (and TypeScript) as well.

Unclear where it is thrown

Consider the following piece of code:

  1. try {
  2. const foo = runTask1();
  3. const bar = runTask2();
  4. }
  5. catch(e) {
  6. console.log('Error:', e);
  7. }

The next developer cannot know which funtion might throw the error. The person reviewing the code cannot know without reading the code for task1 / task2 and other functions they might call etc.

Makes graceful handling hard

You can try to make it graceful with explicit catch around each thing that might throw:

  1. try {
  2. const foo = runTask1();
  3. }
  4. catch(e) {
  5. console.log('Error:', e);
  6. }
  7. try {
  8. const bar = runTask2();
  9. }
  10. catch(e) {
  11. console.log('Error:', e);
  12. }

But now if you need to pass stuff from the first task to the second one the code becomes messy: (notice foo mutation requiring let + explicit need for annotating it because it cannot be inferred from the return of runTask1):

  1. let foo: number; // Notice use of `let` and explicit type annotation
  2. try {
  3. foo = runTask1();
  4. }
  5. catch(e) {
  6. console.log('Error:', e);
  7. }
  8. try {
  9. const bar = runTask2(foo);
  10. }
  11. catch(e) {
  12. console.log('Error:', e);
  13. }

Not well represented in the type system

Consider the function:

  1. function validate(value: number) {
  2. if (value < 0 || value > 100) throw new Error('Invalid value');
  3. }

Using Error for such cases is a bad idea as it is not represented in the type definition for the validate function (which is (value:number) => void). Instead a better way to create a validate method would be:

  1. function validate(value: number): {error?: string} {
  2. if (value < 0 || value > 100) return {error:'Invalid value'};
  3. }

And now its represented in the type system.

Unless you want to handle the error in a very generic (simple / catch-all etc) way, don’t throw an error.