JS（ES5）で値を特定する方法

Question

質問
JS（ES5）で値を特定する方法

・xファイル

A.prototype = {
    MethodXYZ: function() {
     値を設定する処理
    }
}

・yファイル

<script>
A.prototype.MethodXYZ();
</script>

問題
ただxファイルで設定したはずの値と違う値が返ってきます。

理由
xファイル内で値を変更しまくっている。
値を変更するイベントも多数あり、イベントの順番によって変わる。

上記の場合は、イベントを一つ一つデバッグして特定するしか方法はないのでしょうか。
何か教えて頂けると幸いです。

Comments

[maisumakun]

情報が断片的すぎて何もわかりません。最低限、当該行の直前にconsole.log(x)を入れるなどして、xが何かは調べてみましょう。

[Lhankor_Mhy]

結果（実際に起きたこと）を書きましょう | 質問するときのヒント｜teratail（テラテイル）
https://teratail.com/help/question-tips#questionTips3-4-1

エラーメッセージや実行ログをコピー&ペーストしましょう | 質問するときのヒント｜teratail（テラテイル）
https://teratail.com/help/question-tips#questionTips3-4-2

期待した処理結果を書きましょう | 質問するときのヒント｜teratail（テラテイル）
https://teratail.com/help/question-tips#questionTips3-4-3

ソースコードを書きましょう | 質問するときのヒント｜teratail（テラテイル）
https://teratail.com/help/question-tips#questionTips3-5-1

[sskhauwnat]

maisumakunさん
ご回答ありがとうございます。
一度質問を見直し、修正致します。

[sskhauwnat]

Lhankor_Mhyさん
ご回答ありがとうございます。
質問の仕方を考慮し、修正致します。

[think49]

まだ、質問が曖昧で質問状況を特定できません。
「現象を再現可能なコード」を掲示して下さい。
https://ja.stackoverflow.com/help/minimal-reproducible-example

[think49]

- そもそも、「値」とはコード上のどの部分ですか。new X(),foo ですか。X.bar ですか。
- 「値を設定する処理」の具体的な処理は何ですか
- 本当に A.prototype.MethodXYZ(); の形式で呼び出しているのですか。new A().MethodXYZ(); ではないのですか。prototype系メソッドの大半はthis値が変わると動かないはずですが…。

Answer 1

visual studio 2013 は使っていないのですが

インスタンス化された場所

• x = new CtorName など、new 演算子を用いている箇所を探す。

インスタンス化するには new 演算子が付いてまわる仕様のため。

• x = somethingFunction を定義した箇所を探す。

somethingFunction() 内部でインスタンス化されている可能性があるため。

xがそもそも宣言されていない可能性

x のプロパティを参照できている時点で コンストラクタ関数は x 自身として存在しています。

console.log( x.prototype.constructor );
console.log( x.prototype.constructor.name );

ただし、xという名称は minifiedされたコードと思われますので、ライブラリのどの位置にあるのか、console.trace() 等で調べ、周辺のコードを自力展開して実装を調べる状況にあるかもしれません。

prototypeの使い方が間違っていると思っています。
何か教えて頂けるとありがたいです。

JavaScript の [[Prototype]] を知るには、MDN オブジェクトモデルの詳細 は一読されたほうが良いと思います。

Comments

[sskhauwnat]

ご回答ありがとうございます。
デバッグの仕方・MDN オブジェクトモデルの詳細、とても参考になりました。
上記を参考にさせて頂きながら、質問の内容を少しでもわかりやすいように編集したいと思います。