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中文網其他相關文章！