在前端开发中使用console.log()函数是一种常见的调试技巧。然而，在处理JavaScript对象时，这个函数可能会出现一些奇怪的行为。
对象引用问题
当我们将一个对象赋值给另一个变量时，实际上是将对象引用复制给了新变量。因此，如果我们对原始对象进行更改，新变量也会反映这些更改。
const obj1 = { a: 1 };
const obj2 = obj1;
obj1.a = 2;
console.log(obj2.a); //输出2在这个例子中，我们创建了一个名为obj1的对象，并将其赋值给obj2。然后，我们修改了obj1中键“a”的值为2，并使用console.log()输出了obj2中键“a”的值。结果是2，因为obj2实际上只是引用obj1中的对象。
控制台迭代问题
当我们使用console.log()打印一个对象时，控制台会显示对象的内部内容。然而，在某些情况下，它可能不会按照预期工作。
const obj = { a: 1, b: 2 };
obj[Symbol()] = 3;
console.log(obj);在这个例子中，我们创建了一个对象并向其中添加了三个属性。然而，由于我们使用了Symbol作为一个属性键，所以它不会被列入控制台输出。因此，控制台只会显示{ a: 1, b: 2 }。
为了解决这个问题，我们可以使用Object.getOwnPropertySymbols()方法来获取对象中的Symbol属性。
console.log(Object.getOwnPropertySymbols(obj)); //输出[Symbol()]
深度嵌套对象的问题
当我们处理一个非常深度嵌套的对象时，使用console.log()可能会非常困难。在这种情况下，我们需要一种更好的方式来查看对象的内部结构。
-- -------------------- ---- -------
----- --- - -
-- --
-- -
-- --
-- -
-- --
-- -
-- --
--
--
--
--
----------------- -----------在这个例子中，我们创建了一个非常深度嵌套的对象，并使用console.log()打印它。由于对象太大而无法全部放入控制台，因此输出结果难以阅读。
为了解决这个问题，我们可以使用JSON.stringify()函数将对象转换为字符串。
console.log(JSON.stringify(obj, null, 2));
在这个例子中，我们使用JSON.stringify()函数将对象转换为字符串，并使用第二个参数（null）指定空格缩进。这样就可以生成易于阅读的格式化输出了。
结论
虽然console.log()是前端开发中非常有用的工具，但在处理JavaScript对象时，我们需要注意它的一些奇怪行为。了解这些问题并学会如何处理它们将使我们的调试更加有效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27740