freeCodeCamp/curriculum/challenges/chinese-traditional/02-javascript-algorithms-an.../debugging/understanding-the-differenc...

2.6 KiB
Raw Blame History

id title challengeType forumTopicId dashedName
587d7b83367417b2b2512b37 瞭解 freeCodeCamp 和瀏覽器控制檯之間的差異 1 301193 understanding-the-differences-between-the-freecodecamp-and-browser-console

--description--

你可能已經注意到一些 freeCodeCamp JavaScript 的挑戰有自己的控制檯。 這些控制檯的行爲與上一次挑戰中使用的瀏覽器控制檯略有不同。

以下挑戰旨在強調 freeCodeCamp 控制檯與瀏覽器控制檯之間的一些差異。

當在瀏覽器中加載並運行 JavaScript 文件時,console.log() 語句會在控制檯中按照調用的次數準確地打印出要求的內容。

在編輯器檢測到腳本中的更改之後以及測試期間freeCodeCamp 控制檯將打印 console.log() 語句。

在運行測試之前,將清除 freeCodeCamp 控制檯,爲避免破壞,僅在第一次測試期間打印日誌(請參見下面的註釋)。

如果你想看到每次測試的日誌,運行測試,並打開瀏覽器控制檯。 如果你喜歡使用瀏覽器控制檯,想要它模仿 freeCodeCamp 控制檯,請在其他 console 調用前加上 console.clear(),以清除瀏覽器控制檯。

注意: 每次調用函數時,函數內的 console.log 都會被打印到 freeCodeCamp 控制檯。 這樣可以幫助在測試期間調試函數。

--instructions--

首先,使用 console.log 打印 output 變量。 然後使用 console.clear 清除瀏覽器控制檯。

--hints--

應該使用 console.clear() 清除瀏覽器控制檯。

assert(
  __helpers
    .removeWhiteSpace(code)
    .match(/console.clear\(\)/)
);

應該使用 console.log() 打印 output 變量。

assert(__helpers.removeWhiteSpace(code).match(/console\.log\(output\)/));

--seed--

--seed-contents--

// Open your browser console.
let output = "Get this to log once in the freeCodeCamp console and twice in the browser console";
// Use console.log() to print the output variable.

// Run the tests to see the difference between the two consoles.

// Now, add console.clear() before your console.log() to clear the browser console, and pass the tests.

--solutions--

// Open your browser console.
let output = "Get this to log once in the freeCodeCamp console and twice in the browser console";
// Use console.log() to print the output variable.
console.clear();
console.log(output);

// Run the tests to see the difference between the two consoles.

// Now, add console.clear() before your console.log() to clear the browser console, and pass the tests.