Console API

瞭解 JavaScript 提供的檢查變數內容的方法（或其他類型的值）。 JavaScript 提供了許多方法來檢查變數的內容。特別是，讓我們找出如何輸出物件的內容。 控制台 API console.log console.dir JSON.stringify() toSource() 使用迴圈迭代屬性 如何在 Node.js 中檢查 假設我們有這個 car 物件，但是我們不知道它的內容，並且我們想要檢查它： const car = { color: 'black', manufacturer: 'Ford', model: 'Fiesta' } 控制台 API 使用控制台 API，您可以將任何物件輸出到控制台。這將適用於任何瀏覽器。 console.log console.log(car) console.dir console.dir(car) 與以下方式效果相同： console.log('%O', car) JSON.stringify() 這將以字串形式輸出物件： JSON.stringify(car) 透過增加這些參數： JSON.stringify(car, null, 2) 您可以使輸出更好閱讀。最後一個數字代表縮排的空格數： JSON.stringify() 的優點是可以在控制台之外運作，您可以在螢幕上輸出物件。或者，您可以將它與控制台 API 結合起來，在控制台中輸出： console.log(JSON.stringify(car, null, 2)) toSource() 類似於 JSON.stringify，toSource() 是大多數類型的方法，僅在 Firefox（以及基於 Firefox 的瀏覽器）中可用： 值得一提的是，由於它不是標準，只在 Firefox 上實現，所以 JSON.stringify 是一個更好的解決方案。 使用迴圈迭代屬性 for...in 迴圈很方便，它會列印物件的屬性：...

一篇關於如何禁用 ESLint 規則的快速教程 您的工具可能會自動設置no-debugger和no-console規則，但您可以做些什麼來禁用它們呢？ 在開發模式中，瀏覽器調試工具和Console API的訪問是必不可少的，雖然在生產代碼中可能有正當的理由禁用它們。 您可以通過添加如下幾行代碼來禁用一個或多個特定的ESLint規則： /* eslint-disable no-debugger, no-console */ console.log('test') 或者您可以在一個區塊中禁用它，在之後重新啟用： /* eslint-disable no-debugger, no-console */ console.log('test') /* eslint-enable no-alert, no-console */ 或者您可以在特定的行中禁用該規則： console.log('test') // eslint-disable-line no-console debugger // eslint-disable-line no-debugger alert('test') // eslint-disable-line no-alert 另一種方法是在項目全局禁用該規則。 在package.json中，您可以找到eslintConfig規則，裡面可能已經有一些內容，像這樣： "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, 在這裡，您可以禁用您想禁用的規則： "eslintConfig": { "extends": [ "react-app", "react-app/jest" ], "rules": { "no-unused-vars": "off" } },