在ES2015中，使用对象文本的速记属性声明语法，您可以记录对象，同时也可以简洁地保留变量名：

console.log("bwib:", bwib, "bwab:", bwab, "bwob": bwob) // old way A
console.log({bwib: bwib, bwab: bwab, bwob: bwob})       // old way B

console.log({bwib, bwab, bwob})                         // ES2015+ way

这是函数。

function printObj(obj) {
console.log((function traverse(tab, obj) {
    let str = "";
    if(typeof obj !== 'object') {
        return obj + ',';
    }
    if(Array.isArray(obj)) {            
        return '[' + obj.map(o=>JSON.stringify(o)).join(',') + ']' + ',';
    }
    str = str + '{\n';
    for(var p in obj) {
        str = str + tab + ' ' + p + ' : ' + traverse(tab+' ', obj[p]) +'\n';
    }
    str = str.slice(0,-2) + str.slice(-1);                
    str = str + tab + '},';
    return str;
}('',obj).slice(0,-1)))};

它可以使用具有可读性的制表符缩进来显示对象。

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

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

如果要打印用于调试的对象，请使用以下代码：

var obj = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childProp1Value',
  },
}
console.log(obj)

将显示：

注意：您只能记录对象。例如，这不起作用：

console.log('My object : ' + obj)

注意：您也可以在log方法中使用逗号，然后输出的第一行将是字符串，之后将呈现对象：

console.log('My object: ', obj);

我在项目中总是使用一个小助手函数，通过控制台进行简单、快速的调试。灵感来自拉雅维尔。

/**
 * @param variable mixed  The var to log to the console
 * @param varName string  Optional, will appear as a label before the var
 */
function dd(variable, varName) {
    var varNameOutput;

    varName = varName || '';
    varNameOutput = varName ? varName + ':' : '';

    console.warn(varNameOutput, variable, ' (' + (typeof variable) + ')');
}

用法

日（123.55）；输出：

var obj = {field1: 'xyz', field2: 2016};
dd(obj, 'My Cool Obj'); 

循环引用解决方案

要从包含重复引用（在许多地方对同一对象的引用）（包括循环引用）的对象中生成不包含冗余信息的字符串，请使用JSON.stringify和replacer（在代码段中显示），如下所示

let s = JSON.stringify(obj, refReplacer(), 4);

函数refReplacer（）{设m=new Map（），v=new Map），init=null；返回函数（字段，值）{让p=m.get（this）+（Array.isArray（this）`[$｛field｝]“：”.“+字段）；让isComplex=value==对象（值）如果（isComplex）m.set（值，p）；让pp=v.get（value）||''；let path=p.replace（/未定义\.\？/，“”）；让val=pp`#REF:$｛pp[0]==“[”？“$”：“$.”｝$｛pp｝“：value；!初始化？（init=value）：（val===init？val=“#REF:$”：0）；if（！pp&&isComplex）v.set（value，path）；返回值；}}// ---------------//测试// ---------------//具有重复引用的gen obj设a={a1:1，a2:2}；设b={b1:3，b2:“4”}；让obj＝{o1:{o2:a}，b，a}；//重复引用a.a3=[1，2，b]；//循环引用b.b3=a；//循环引用让s=JSON.stringify（obj，refReplacer（），4）；console.log；警报；

基于此（更多信息）的此解决方案为每个对象值创建类似JSONPath的路径，如果同一对象出现两次（或更多），则使用此路径的引用来引用该对象，例如#REF:$.bar.arr[3].foo（其中$表示主对象），而不是“渲染”整个对象（冗余度较低）

奖金：倒置

函数parseRefJSON（json）{let objToPath=新映射（）；let pathToObj=新映射（）；let o=JSON.parse（JSON）；让遍历=（父级，字段）=>{让obj=父级；let path=“#REF:$”；if（字段！==未定义）{obj=父[字段]；path=objToPath.get（父）+（Array.isArray（父）`[$｛field｝]`：`$｛field？'。'+字段：''｝`）；}objToPath.set（obj，路径）；pathToObj.set（路径，对象）；let ref=路径目标获取（obj）；如果（ref）父[字段]=ref；for（让f在obj中）if（obj==对象（obj））遍历（obj，f）；}横向（o）；返回o；}// ------------//测试// ------------设s=`{“o1”：{“o2”：{“a1”：1，“a2”：2，“a3”：[1.2.{“b1”：3，“b2”：“4”，“b3”：“#REF:$.o1.o2”}]}},“b”：“#REF:$.o1.o2.a3[2]”，“a”：“#REF:$.o1.o2”}`;console.log（'打开Chrome控制台查看嵌套字段'）；let obj=parseRefJSON；console.log（obj）；