好吧，Firefox（感谢@Bojangles提供详细信息）有Object.toSource（）方法，它将对象打印为JSON和function（）｛｝。

我想，对于大多数调试目的来说，这已经足够了。

最简单的答案

我很惊讶，这没有一个更简单的答案，只是一群人重复着完全相同的2件事，还有一些人用不可读的代码。。。

干得好。如果您只需要将对象作为字符串（无嵌套级别）：

function prettyStringifyObject(obj: Record < any, any > ) {
  let result = ''
  for (const key in obj) {
    result = `${result}${result !== '' ? ', ' : ''}${key}: ${Array.isArray(obj[key]) ? `[${obj[key]}]` : obj[key]}`
  }
  return `{${result}}`
}

测验

使用测试

const someTestObject = {
  data: [1, 2, 3, "4"],
  aString: "awdasdyhblhyb",
  aBoolean: true,
  aNumber: 50,
  aNull: null
  aNestedObject: {
    someOtherData: [],
    isNested: true
  }
}

console.log(prettyStringifyObject(someTestObject))

结果：

"{data: [1,2,3,4], aString: awdasdyhblhyb, aBoolean: true, aNumber: 50, aNull: null, aNestedObject: [object Object]}"

你可以看看我在这里做的JSFiddle

console.dir（对象）：

显示指定JavaScript对象的财产的交互式列表。此列表允许您使用公开三角形来检查子对象的内容。

请注意，console.dir（）特性是非标准的。查看MDN Web文档

简单使用

JSON.stringify(obj)

实例

var args_string = JSON.stringify(obj);
console.log(args_string);

Or

alert(args_string);

此外，注意javascript函数被视为对象。

作为补充说明：

实际上，您可以像这样分配新属性并访问它console.log或在警报中显示它

foo.moo = "stackoverflow";
console.log(foo.moo);
alert(foo.moo);

我更喜欢使用console.table来获得清晰的对象格式，所以假设您有这个对象：

const obj = {name: 'Alireza', family: 'Dezfoolian', gender: 'male', netWorth: "$0"};

您将看到一张整洁易读的表格，如下所示：

您还可以使用ES6模板文本概念以字符串格式显示JavaScript对象的内容。

alert(`${JSON.stringify(obj)}`);

常量对象={“name”：“John Doe”，“habbits”：“没有”，};警报（`${JSON.stringify（obj）}`）；