質問するログイン新規登録

質問編集履歴

2

ブレークポイントについて画像を追加

2017/01/03 08:10

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -8,4 +8,27 @@
8
8
  このようにconsoleで挟むと、この時点で条件式がどうなっているかというメリットがあるのだと思いますが、ほかになんのメリットがあるのでしょうか?
9
9
 
10
10
  なぜか広告だとよくわからないクレームが入ったので、
11
- 画像を削除しました。
11
+ 画像を削除しました。
12
+
13
+
14
+ >>>
15
+ ブレークポイントで止まった状態でないと変数の値は見れません。
16
+
17
+ クリックで左青い矢印をつけてブレークポイントは作っているのですが、
18
+ 画像の通りやはり出てきません。
19
+ ![イメージ説明](7bfc1b0c8b1d499b3a3dca5f9faf9e2e.jpeg)
20
+
21
+ >>>
22
+ var result = amount / num;
23
+
24
+ という行にバグがありそうで、その原因をさぐりたいとき(なんて無いと思いますが)、
25
+ その入力値と出力値を印刷して(じゃなかったトレース出力して)、自分が思っているかどうかを確認するという技だと思います。
26
+
27
+ 挟むことで出力前と後の値を確認して、うまく処理できているか確認する作業をしているのですね。
28
+
29
+
30
+ >>>
31
+ 変数の値を埋め込んでログ出力すること
32
+
33
+ 難しいですね、埋め込むとはconsoleオブジェクトに変数の中身を入れるということですかね?
34
+ 入れてlogにそれを表記することなんですかね?

1

なぜか広告だとよくわからないクレームが入ったので、 画像を削除しました。

2017/01/03 08:10

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,11 @@
1
1
  JSのデバグについて
2
2
 
3
- 複雑な場合は下記のように、影響する範囲を赤線三つのconsoleで上と下で割ってあげて、そのあとの値を表示することで、複雑な物でも範囲を狭める事が出来る。
3
+ 複雑な場合はconsoleで上と下で割ってあげて、そのあとの値を表示することで、複雑な物でも範囲を狭める事が出来る。
4
4
  と聞いたのですが、今はインスペクタでブレークポイントを作れば同じことができるので、今はやらなくなっていますか?
5
- ![イメージ説明](fbce0ef5b8ac677c9dca929e70d5abae.png)
6
5
 
6
+
7
7
  またこれによるメリットもはっきりしないのですが、
8
- このようにconsoleで挟むと、この時点で条件式がどうなっているかというメリットがあるのだと思いますが、ほかになんのメリットがあるのでしょうか?
8
+ このようにconsoleで挟むと、この時点で条件式がどうなっているかというメリットがあるのだと思いますが、ほかになんのメリットがあるのでしょうか?
9
+
10
+ なぜか広告だとよくわからないクレームが入ったので、
11
+ 画像を削除しました。