const ME = Object.freeze({
  name: 'Sergey Bolshov',
  position: 'Senior Front-end Software Engineer',
  workPlace: 'Allegro',
  email 'bolszow@gmail.com',
  githubUsername: '@bigsergey',
  from: 'Kazakhstan'
});

  const error = new Error('Message');

new Error([message[, fileName[, lineNumber]]]);

Error: OMG, it does not work!
    at withErrorObject (index.js:7)
    at window.onload (index.js:21)

Error: "OMG, it does not work!"
    withErrorObject webpack:///./src/client/index.js?:7
    onload webpack:///./src/client/index.js?:21

// Syntax error
console.log("hello, world!";

const pi = 3.14159;
pi.toFixed(100000); // RangeError

function foo() {
  bar++;  // ReferenceError
}

if (foo) {  // SyntaxError
  // the closing curly brace is missing

var foo = {};

foo.bar(); // TypeError

decodeURIComponent("%"); // URIError

function withoutErrorObject() {
  throw "OMG, it does not work!";
}

window.onload = () => withoutErrorObject();

// Uncaught OMG, it does not work!


function withErrorObject() {
  throw new Error("OMG, it doea not work!");
}

window.onload = () => withErrorObject();

/**
 * Uncaught Error: OMG, it does not work!
 *  at withErrorObject (index.js:6)
 *  at onload (index.js:10)
 */

function withoutErrorObject() {
  throw "OMG, it does not work!";
}

window.onload = () => withoutErrorObject();

// Uncaught OMG, it does not work!


function withErrorObject() {
  throw new Error("OMG, it does not work!");
}

window.onload = () => withErrorObject();

/**
 * Uncaught Error: OMG, it does not work!
 *  at withErrorObject (index.js:6)
 *  at onload (index.js:10)
 */

try {
  // Code to be executed
} 
catch (error) {
  // Code that are executed if an exception 
  // is thrown in the try block
} 
finally {
  // Code that are executed regardless of whether 
  // an exception was thrown or caught
}

function loadData(json) {
  let data;

  startLoadAnimation();

  try {
    data = JSON.parse(json); //throws when json has syntax error
    if (!data.isValid) {
      throw new Error('Data is not valid!');
    }
  } catch (error) {
    showInvalidDataMessage(error);
  } finally {
    stopLoadAnimation();
  }

  return data;
}

somePromise().then(function () {
  throw new Error('oh noes');
}).catch(function (err) {
  // I caught your error! :)
});

somePromise().then(function () {
  throw new Error('oh noes');
}, function (err) {
  // I didn't catch your error! :(
});

async function getData(userId, orderId) {
  try {
    const user = await getUser(userId);
    const order = await getOrder(orderId);
  } catch (error) {
    // catch errors both in getUser and getOrder
    console.error(error);
  }
}

function asyncFunction() {
  try {
   setTimeout(() => {
    throw new Error("I'am not gonna be caught!");
   }, 1);
  } catch (error) {
    // it will never enter here
  }
}

function asyncFunction() {
  setTimeout(() => {
   try {
    throw new Error("I'am not gonna be caught!");
   } catch (error) {
    // handle error
   }
  }, 1);
}

function badHandler(fn) {
  try {
    return fn();
  } catch (e) {
    return null;
  }
}

function uglyHandler(fn) {
  try {
    return fn();
  } catch (e) {
    throw new Error('Function call fails!!!');
  }
}

class SpecifiedError extends Error {
  constructor(message) {
    super(message);

    this.name = 'SpecifiedError';
    this.message = message;
  }
}

function uglyHandlerImproved(fn) {
  try {
    return fn();
  } catch (e) {
    throw new SpecifiedError(e.message);
  }
}

class PermissionError extends Error {
  constructor(message) {
    super(message);

    this.name = 'PermissionError';
    this.message = message;
  }
}

try {
  // assume an exception occurs
} catch (error) {
  if (error instanceof PermissionError) {
    // Handle PermissionError exceptions
  } else {
    throw error;
  }
}

window.onerror = function (message, source, lineno, columnno, error) {
  // ... handle error ...

  return false;
}

window.addEventListener('error', function (event) {
  // ... handle error ...
  const { error, message, filename, colno, lineno } = event;
  const { message, stack } = error;
});

npm install @sentry/browser

<script 
  src="https://browser.sentry-cdn.com/5.4.3/bundle.min.js" 
  crossorigin="anonymous"
></script>

function withErrorObject() {
  throw new Error("OMG, it does not work!");
}

window.onload = () => withErrorObject();

/**
 * Uncaught Error: OMG, it does not work!
 *  at withErrorObject (index.js:6)
 *  at onload (index.js:10)
 */

npm install --save-dev @sentry/webpack-plugin

Sentry.init({ 
  dsn: 'https://<key>@sentry.io/<project>',
  whitelistUrls: [
    'www.example.com/static/js', // your code
    'ajax.googleapis.com'        // code served from Google CDN
  ],
});

// Error IE: Obiekt nie obsługuje właściwości lub metody „values”

// Error Safari: Object.values is not a function.(In 'Object.values(r)', 'Object.values' is undefined)

// Error Chrome: Object.values is not a function