55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
---
|
||
id: 587d7b83367417b2b2512b33
|
||
title: 使用控制檯檢查變量值
|
||
challengeType: 1
|
||
forumTopicId: 18372
|
||
dashedName: use-the-javascript-console-to-check-the-value-of-a-variable
|
||
---
|
||
|
||
# --description--
|
||
|
||
Chrome 和 Firefox 都有出色的 JavaScript 控制檯(也稱爲 DevTools),可以用來調試 JavaScript 代碼
|
||
|
||
可以在 Chrome 的菜單中找到“開發者工具”或 FireFox 的菜單中的 “Web 控制檯”。 如果你使用其他瀏覽器或手機,我們強烈建議你切換到桌面版 Firefox 或 Chrome。
|
||
|
||
`console.log()` 方法可能是最有用的調試工具,它可以將括號中的內容輸出到控制檯。 將它放在代碼中的關鍵點可以顯示變量在當時的值。 在查看輸出之前,最好先想清楚輸出應該是什麼。 在整個代碼中使用檢查點來查看計算狀態將有助於縮小問題的範圍。
|
||
|
||
下面是輸出 `Hello world!` 字符串到控制檯的示例:
|
||
|
||
```js
|
||
console.log('Hello world!');
|
||
```
|
||
|
||
# --instructions--
|
||
|
||
使用 `console.log()` 方法打印代碼中記錄的變量 `a` 的值。
|
||
|
||
# --hints--
|
||
|
||
應使用 `console.log()` 來檢查變量 `a` 的值。
|
||
|
||
```js
|
||
assert(code.match(/console\.log\(a\)/g));
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
let a = 5;
|
||
let b = 1;
|
||
a++;
|
||
// Only change code below this line
|
||
|
||
|
||
let sumAB = a + b;
|
||
console.log(sumAB);
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
var a = 5; console.log(a);
|
||
```
|