console.log（{myVariable}）;

这条推文，可能是我有史以来最受欢迎的推文（尽管如今验证很棘手！），展示了一个方便的JavaScript调试技巧。让我们进一步探索。

以前，我会使用详细信息：

 console.log（“ myvariable：”，myvariable）;

现在，我更喜欢简洁：

 console.log（{myVariable}）;

DevTools同样很好地提供了这一点，提供了变量的名称和值。

魔法在于JavaScript的对象文字语法。卷曲括号{}定义对象。可以没有分配的对象存在：

 {foo：“ bar”}

将对象传递给函数时（例如， myFunction({ config: options }) ）是常见的。 “技巧”利用对象速记符号。您可以仅使用变量名创建对象，将其隐式分配为属性：

 const果实=“苹果”;

//速记
令x = {fruit};

console.log（x）; //输出：{水果：“苹果”}

//等效的长形式
x = {“水果”：水果};

console.log（x）; //输出：{水果：“苹果”}

console.log({ myVariable });利用此速记，以myVariable作为属性创建一个对象。

但是，潜在的缺点是DevTools偶尔的决定将输出显示为崩溃的▶ Object ，需要扩展才能查看该值。这种行为的确切标准尚不清楚。如果此或标准对象输出格式不是理想的，请考虑console.table({ myVariable });用于更结构化的演示。

以上是console.log（{myVariable}）;的详细内容。更多信息请关注PHP中文网其他相关文章！