2017-01-07 6 views
0

誰かが、Googleの開発コンソールの:の後にこれらの注釈の意味を説明してください。例えばgoogle devツールウォッチウィンドウのアノテーション(内部プロパティ)の意味はなんですか?

enter image description here

Iコンソールでbazを入力すると、それは注釈脇Fooと三角形を返します。これはFooの意味ですか?

Objectの意味は__proto__: Objectですか?

enter image description here

私は小さな青いiボタンに私のマウスを掛ける際にもう一つの問題は、それがValue below was evaluated just nowことを促しています。これは何を意味するのでしょうか?

これらの質問の参考文献を見つけようとしましたが失敗しました。どんなリソースも大歓迎です。

答えて

2

このFooは何を意味していますか?

このオブジェクトの作成に使用されるコンストラクタの名前です。

function Foo(){} // constructor function 
new Foo() 

そして、何のオブジェクトの意味はプロトにあります:オブジェクト?

プロトタイプチェーンの次のプロトタイプで、オブジェクトbazが継承しています。

このもう少し複雑な例を試してみてください:

function Bar(){} 
Bar.prototype.someFunction = function(){} 
function Foo(){} 
Foo.prototype = Object.create(Bar.prototype, {}) // or Foo.prototype = new Bar() 
new Foo() 

のFooのプロトタイプチェーン内の最初の値は、バーオブジェクトのインスタンスです。 Barオブジェクトにもプロトタイプがありますが、名前のないオブジェクト(FooやBarなどのコンストラクタ関数はありません)です。

また、オブジェクトにはプロトタイプもあります。これはすべてのオブジェクトが継承する汎用Object.prototypeです。

私は小さな青いiボタンの上に私のマウスを掛ける際にもう一つの問題は、それが以下の値がちょうど今評価されたことを促しています。これは何を意味するのでしょうか?

オブジェクトがログに記録されたときの値ではなく、現在のプロパティ値で表示されることを意味します。あなたがオブジェクトのデベロッパーツールを拡張オブジェクトの現在の値を使用する場合

しかし:オブジェクトの基本的なスナップショットを印刷する最初のデベロッパーツールで

var obj = {a: 20} 
console.log(obj) 
obj.a = 100 

この例を見てみましょうスナップショットを使用するのではなく、

+0

マジック!あなたの非常に詳細な返信をありがとう!しかし、DevTools Utilitiesを説明する公式の参考文献はどこにありますか教えてください。 – spacegoing

+0

@spacegoing公式の文書は[こちら](https://developers.google.com/web/tools/chrome-devtools/)ですが、すべての機能についてその詳細レベルはありません。 –

+0

返信いただきありがとうございます!私は質問をする前にそのサイトを検索したが、それらのどれも見つけなかった:(ありがとうすべて同じ:D – spacegoing

関連する問題