Chrome：打印控制台的异常详细信息

Question

如何从我的代码中打开chrome devtools中的Exception的堆栈跟踪？

我尝试了以下内容：

 function doSomething() { 
     undefined(); // This throws an exception
 }

 try {
      doSomething();
 } catch (e) {
      console.error("Exception thrown", e);
 }

但这会产生以下结果：

 Exception thrown TypeError {}

如果我展开它旁边的箭头，它会指向我调用console.error（）的行，所以我无法看到原始错误实际发生的位置。

在控制台输出中包含原始错误信息（包括消息和完整堆栈跟踪到发生错误的确切位置）的最佳方法是什么？

Answer 1

对象Error有一个属性stack。打印出来。

console.error("Exception thrown", e.stack);

请注意，stack属性未标准化，仅供基于V8的浏览器+ IE使用。 Firefox使用不同的约定。

Answer 2

您可以将错误输出为对象

console.error("%O", e)

Using string substitutions