对象文字与点符号之间的 Console.log 函数属性差异

如何解决对象文字与点符号之间的 Console.log 函数属性差异

我使用两种不同的符号创建对象，然后使用 console.log 记录它们：

object = {key: 'value',func: function() {}};
console.log(object);

输出：{ key: 'value',func: [Function: func] }

object.key = 'value';
object.func = function() {};
console.log(object);

输出：{ key: 'value',func: [Function] }

为什么输出有差异？重要吗？

解决方法

这与点符号和括号符号无关。

在示例 (a) 中，您在对象字面量中声明了属性名称 (func) 和值（函数）。在示例 (b) 中，您随后将一个函数分配给一个属性。

在第一种情况下，func 用作绑定标识符，用于为函数命名。

在第二个例子中情况并非如此。

这不太可能有太大区别，但函数名在调试时很有用。您可以显式地为函数表达式命名：

object.func = function func () {};